《2022年在Windows下搭建ReactNativeAndroid开发环境归类 .pdf》由会员分享，可在线阅读，更多相关《2022年在Windows下搭建ReactNativeAndroid开发环境归类 .pdf（11页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、在 Windows下搭建 React Native Android开发环境最近看到 React Native好像好厉害的样子，好奇心驱使之下体验了一下并将在Window下搭建 React Native Android环境的步骤记录下来，并有需要的朋友参考。（我都是参考官方文档的）react-native的 GitHub地址： https:/ 准备工作：打开文档点击 Android Setup，可以看到需要(a) 安装 Git from Windows（傻瓜式安装）(b)Android SDK(配置 ANDROID_HOME环境 ) (c) 使用 Gradle构建的（如果你已经在使用Androi
2、d Studio的这些的都可以忽略了）注：（这些工作要准备好不然最后出错就好坑了）名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 11 页 - - - - - - - - - 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 11 页 - - - - - - - - - 上面两张图都提示我们需要安装Node.js,打开链接下载Node.js进行安装（傻
3、瓜式安装） 。在这里下载最新的。2. 开始打开 cmd 运行执行以下命令$ npm install -g react-native-cli 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 11 页 - - - - - - - - - $ react-native init AwesomeProject 上面这个命令下载AwsomeProject，如果下载不了可以在我的GitHub的AwesomeProject下载。命令行在线下载的Awesome默认放到用户文件夹下。名师资
4、料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 11 页 - - - - - - - - - 注： AwesomProject下的 anroid下的 local.properties文件是没有的，这里我从其他项目直接 copy过来。接下来重新打开一个cmd并切换到 AwesomProject目录执行 npm start,会显示如图的提示，然后再输入react-native start命令。 如果显示如图那样，证明你服务已经启动了，在这里我们可以看到服务的端口是8081. 名师资
5、料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 11 页 - - - - - - - - - 我们在浏览器证明服务是否启动：在浏览器输入地址：http:/localhost:8081/index.android.bundle?platform=android如果显示下图的那样，那就证明服务已经启动了。如果没有启动的话，接下来那就不用做啦直接 break吧名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理
6、 - - - - - - - 第 6 页，共 11 页 - - - - - - - - - 最后我们编译运行AwesomeProject。有点激动了吧。记得要先打开Genymotin模拟器或者连上真机。执行 react-native run-android命令名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 11 页 - - - - - - - - - 如果显示下图，那就说明AwesomeProject项目编译成功了。最后就是这样子的啦 哈哈 （改过了 index.andr
7、oid.js的效果）名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 11 页 - - - - - - - - - 真机需要网络需要在同一个局域网（开个WIFI热点就可以了）运行在真机上出现以下这种情况。怎么办名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 11 页 - - - - - - - - - （这手机系统是5.0.1的）在官方文档可以看到名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 11 页 - - - - - - - - - 执行 adb reverse tcp:8081 tcp:8081命令再点击 RELOADJS 以上有误，请大家谅解和纠正。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 11 页 - - - - - - - - -