Categories: React Native 教程

React Native:React 入门

要求

  1. OS X – 当前仅支持 OS X

  2. 推荐使用 Homebrew 的方式来安装 nvm,watchman 和 flow。

  3. 安装 Node.js 4.0 或者更新的版本。

  • 使用 Homebrew 来安装 nvm 或者参考 它的安装指南。接着运行 nvm install node && nvm alias default node, 它可以让您安装最新版本的 Node.js 并设置您的终端,所以你可以通过键入 node 来运行它。使用 Nvm 可以让您安装多个版本的 Node.js 并且在它们之间轻松切换。

  • npm 的更新之处。

  • brew 安装 watchman。我们推荐您安装 watchman, 否则您可能在点击一个节点文件的时候出现错误。

  • brew 安装 flow。如果您想使用 flow.

  • 我们建议定期运行 brew update && brew upgrade 来使您的应用程序保持最新状态。

    安装 iOS

    我们需要 Xcode 6.3 或者更高的版本。 您可以在 App 应用商店里面安装它。

    安装 Android

    如果想要编写 React Native 安卓应用程序, 您需要安装安卓 SDK (如果您不想在真机上运行您的应用程序,那么您还需要一个安卓模拟器)。请参阅安卓安装指南 说明来配置你的安卓环境 。

    快速开始

    $ npm install -g react-native-cli
    $ react-native init AwesomeProject
    $ cd AwesomeProject/

    运行 iOS 应用程序:

    • 在 Xcode 中打开 ios/AwesomeProject.xcodeproj 并且点击运行。

    • 在选定的文本编辑器中打开 index.ios.js 并且编辑代码。

    • 点击 iOS 模拟器中的 ⌘-R 来重新加载应用程序并且观察发生的变化!

    运行 Android 应用程序:

    • $ react-native run-android

    • 在选定的文本编辑器中打开 index.android.js 并且编辑代码。

    • 按下菜单按钮 (默认情况下是 F2,或在 Genymotion 中点击 ⌘ M),然后选择 Reload JS 看看发生了什么变化!

    • 在一个终端中运行 adb logcat *:S ReactNative:V ReactNativeJS:V 来查看您的应用程序日志。

    祝贺你!你已经成功运行并修改了你的第一个 React Native 应用程序。

    _如果您在开始的时候遇到任何问题,请参阅 故障诊断页面

    让安卓支持现有的 React Native 项目

    如果您现在已经拥有一个(iOS) React Native 项目并且想让安卓也支持它, 那么您需要在您现有的项目目录中执行以下命令:

    1.将您 package.json 文件中的 react-native目录更新到最新的版本

    1. $ npm install

    2. $ react-native android

    冒牌SEO

    前端开发者,欢迎大家一起沟通和交流。

    Share
    Published by
    冒牌SEO

    Recent Posts

    在 Chrome 中删除、允许和管理 Cookie

    您可以选择删除现有 Cooki…

    11 小时 ago

    自定义指令:聊聊vue中的自定义指令应用法则

    今天我们来聊聊vue中的自定义…

    1 周 ago

    聊聊Vue中@click.stop和@click.prevent

    一起来学下聊聊Vue中@cli…

    2 周 ago

    Nginx 基本操作:启动、停止、重启命令。

    我们来学习Nginx基础操作:…

    2 周 ago

    Vue3:手动清理keep-alive组件缓存的方法

    Vue3中手动清理keep-a…

    3 周 ago

    聊聊React和Vue组件更新的实现及区别

    React 和 Vue 都是当…

    4 周 ago