运行React-Native例子UIExplorer

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

关于NPM

NPM小结

react-native 环境

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

APK运行到模拟器

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

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

1
2
3
4
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. 然后可以安装到真机了
1
2
3
4
cd react-native
./gradlew :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

真机

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