React Native构建官方example学习笔记

慕课网有个基础课程，可以参看

Windows平台

1. 将官方仓库 clone
   cmd 中:
   git clone https://github.com/facebook/react-native.git
2. 安卓Git 命令行工具
   之后在克隆下来的根目录下git bash
3. 设置android sdk
4. 设置NDK
   要选择正确的版本
   https://developer.android.google.cn/ndk/downloads/index.html
   配置环境变量
   ANDROID_NDK
   PATH中添加上ANDROID_NDK

之后运行 Example

https://github.com/facebook/react-native/tree/master/RNTester

中有介绍
cd react-native
./gradlew :RNTester:android:app:installDebug
启动包管理器
./scripts/packager.sh

另一种方式编译运行
1. 将UIExplorer 中的js 代码copy到自己创建的react -native项目下的js 文件夹
2. 修改app build 文件与例子一致
3. 修改UIExplorerApplication.java 中getJSMainModuleName()返回的路径

打开As终端关闭之前的包管理器窗口，进入上一层路径
react-native run-android
即可运行成功

MAC平台

git clone https://github.com/facebook/react-native.git

cd react-native/

以下俩个命令一定要执行
npm config set registry https://registry.npm.taobao.org –global
npm config set disturl https://npm.taobao.org/dist –global

安装这个项目所需要的包
npm install

接下来的操作和上述的Windows一样