运行React-Native例子UIExplorer

运行 FaceBook 给出的例子UIExplorer, 由于网络问题折腾了半天, 在公司网络死活不行,到家一小会儿搞定. 原因是我使用 npm install 的时候 直接 ctrl+c 断掉了, 需要把目录下的node_modules文件夹删除再重新安装.

关于NPM

NPM小结

react-native 环境

参考前面:Ubuntu进行 react-native 的开发

APK运行到模拟器

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

npm install 过程需要下载大约 100多兆的依赖, 所以看网络情况咯

cd react-native
./gradlew :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

注意,使用packager.sh 开启server.
然后利用 gradlew命令编译apk

运行到真机

1. 真机开启USB调试
2. 必须关掉模拟器, react-native要求同时只能连接一个设备, 可以通过 abd devices查看连接个数
3. adb reverse tcp:8081 tcp:8081
   手机必须和电脑在同一个局域网, 然后把手机无线的代理设置为电脑的ip:8081
4. 然后可以安装到真机了

cd react-native
./gradlew :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

文章出处: http://hanks.xyz