运行React-Native例子UIExplorer
2015-12-26 14:16
507 查看
运行 FaceBook 给出的例子UIExplorer, 由于网络问题折腾了半天, 在公司网络死活不行,到家一小会儿搞定. 原因是我使用 npm install 的时候 直接
注意,使用
然后利用
![](https://dn-coding-net-production-pp.qbox.me/7edbed81-477e-4173-8ea4-f5d0ac0988b7.png)
必须关掉模拟器, react-native要求同时只能连接一个设备, 可以通过
手机必须和电脑在同一个局域网, 然后把手机无线的代理设置为电脑的ip:8081
然后可以安装到真机了
![](https://dn-coding-net-production-pp.qbox.me/b78d351b-bc3f-40b5-840a-db8a82153fa2.png)
文章出处: http://hanks.xyz
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
![](https://dn-coding-net-production-pp.qbox.me/7edbed81-477e-4173-8ea4-f5d0ac0988b7.png)
运行到真机
真机开启USB调试必须关掉模拟器, react-native要求同时只能连接一个设备, 可以通过
abd devices查看连接个数
adb reverse tcp:8081 tcp:8081
手机必须和电脑在同一个局域网, 然后把手机无线的代理设置为电脑的ip:8081
然后可以安装到真机了
cd react-native ./gradlew :Examples:UIExplorer:android:app:installDebug ./packager/packager.sh
![](https://dn-coding-net-production-pp.qbox.me/b78d351b-bc3f-40b5-840a-db8a82153fa2.png)
文章出处: http://hanks.xyz
相关文章推荐
- Ubuntu进行 React-Native 的开发
- React Native at first sight
- 用 React 编写SVG图表
- 用 React 编写2048游戏
- Mac下安装React Native
- 在iOS6机子上运行 React-Native Demo, 自己编译 JavaScriptCore 源码,支持 iOS5.1 ,iOS 6
- react-native for android windows开发环境搭建详细记录
- ReactiveCocoa学习(一)
- 【Codeforces Round 336 (Div 2) C】【贪心 DP思维】Chain Reaction 每个灯塔位置为a[]破坏b[]范围所有灯塔 设置一个灯塔使得最多灯塔被保留
- ReactiveCocoa源码拆分解析(二)
- Codeforces Round #336 (Div. 2) C. Chain Reaction set维护dp
- 利用CocoaPods集成ReactiveCocoa
- Codeforces Round #336 (Div. 1) 607A Chain Reaction 简单dp
- React 学习一 运行
- React测试Mixin
- windows下react-native android环境安装
- React组件测试(模拟组件、函数和事件)
- Codeforces 607A:Chain Reaction 二分+递推
- 用React.addons.TestUtils、Jasmine进行单元测试
- 基于React实现项目中状态型变量的数据驱动可视化