运行React-Native例子UIExplorer

前端之家收集整理的这篇文章主要介绍了运行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

原文链接:https://www.f2er.com/react/307390.html

猜你在找的React相关文章