Window环境下配置React Native Android环境

1. 需要安装的环境

Node.js 4.0及其以上

git  用于从服务器下载React Native 源代码。


2. 下载源码

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

3. 进入下载后的源码目录安装react-native-cli (如e:\react-native\react-native-cli)

cd e:\react-native\react-native-cli

运行安装

npm install -g 

安装成功


4. 初始化项目

react-native init reactproject1


此目的是创建可以编译运行的项目文件,进入创建的reactproject1文件夹中可以看到包含了android 工程和ios工程等。


5.  运行android app

 react-native run-android

此步骤的目的是将第4步产生的android 工程安装到手机或者模拟器。安装失败的几率比较大,如果安装失败需要检查android sdk等开发环境是否配置正确,sdk等都需要最新6.0的,检查手机是否则正确连接,另外还有gradle还会去下载一些依赖库,所以你的网络环境是否允许访问外网,如果不行就要翻墙了。如果你已经安装了Android Studio,则可以直接用Android studio打开里面的android工程,然后编译运行。成功后可以在手机上看到安装好的应用。

6. 进入app查看效果

出现以上界面可能没有启动Js server服务器。注意在运行react-native run-android 时有提示。

就是在window环境下需要手动启动,运行 react-native start即可,如下图

服务启动成功。

然后重新进入app,出现以下欢迎界面,运行成功



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值