React native

转载:http://reactnative.cn/post/10

Windows搭建环境;

1. JDK 1.8以上

2. SDK 23以上 (一定要设置环境变量 ANDROID_HOME)

3. Android Studio 

4. 官网下载 Node.js 并安装(我装在D盘)

5. 设置npm镜像

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

6. 安装react-native命令行工具

npm install -g react-native-cli
开发项目

1. 创建项目(不想在默认的路径下,需要将cmd进入指定的位置,如:进入D盘——> d:——> cd xxx)

react-native init MyProject
2. 运行packager

react-native start
可以用浏览器访问 http://localhost:8081/index.android.bundle?platform=android 看看是否可以看到打包后的脚本(看到很长的js代码就对了)。第一次访问通常需要十几秒,并且在packager的命令行可以看到形如[====]的进度条。

3. 真机运行

保持packager开启,另外打开一个命令行窗口,然后在工程目录下运行

react-native run-android
不出意外就会在手机上看到相应的app页面,如果有问题往下看。

真机测试(小米4C)所遇到的问题:

1. React Native 小米(红米)手机安装失败、白屏 Failed to establish session 解决方案

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值