作者:董丹一只花 | 来源:互联网 | 2023-09-11 14:30
1.需要安装的环境Node.js4.0及其以上git用于从服务器下载ReactNative源代码。2.下载源码gitclonehttps:github.comfacebook
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,出现以下欢迎界面,运行成功