总结真机上运行React Native踩到的那些坑~

前言：

今天在琢磨这个React Native，从安装到运行，的确踩了不少的坑，一首凉凉送给自己！！！

首先说明一点，我这是基于Windows系统的。

搭建React Native开发环境准备：

那么接下来就来搭建React Native的开发环境，我看官网https://reactnative.cn/docs/0.51/getting-started.html#content说必需的软件（注意：不是必须），所以看个人所需吧，我就只安装了node.js(下载地址：http://nodejs.cn/download/），这里自己看着下载就行（顺便下个淘宝镜像），新版的node已经支持npm了（具体介绍看这里：http://www.runoob.com/nodejs/nodejs-npm.html）。基本需要东西下载好了之后，检测一下它们是否安装成功。

由于我这边今天运行的是android的demo，所以需要的JDK和Android studio也要准备好，如果你也是androi开发人员那肯定就不用说了。jdk大于1.7就行，我的是1.8.0的版本。jdk下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html，环境变量配置：https://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html，Android studio下载地址：http://www.android-studio.org/  ，注意：这个一定要有。

前期准备完成后，开始创建自己的项目~~

开始创建：

react-native init ReactProject  （需要等几分钟创建）

这样的就成功啦，可以在你对应的文件夹里找到这个项目了。

cd ReactProject  

react-native run-android（在虚拟机开启或者真机连上之后）

真机调试：https://reactnative.cn/docs/0.51/running-on-device-android.html#content

问题总结：

问题就连连不断了...

第一个问题，没有找到对应的sdk

解决办法：

从androidStudio根目录中，复制一份local.properties到项目根目录中去就可以了（android的文件夹）

第二个问题来了：端口冲突了

解决办法：

将node.js的进程先全部杀掉，重新进入到项目文件夹 执行 react-native run-android

不是说可以修改那个index.android.js文件，貌似找不到吧，其实是另外一个文件的App.js文件。

随便改一些~ 再运行

运行起来了，在手机上，还有点白屏（白屏解决方法请参考这位前辈的简书：https://www.jianshu.com/p/78571e5435ec）的时间...emmmm...

出现了这个,

解决办法：

1、确保包服务器正在运行

2、检查一下手机是否连上的wifi,与自己的电脑是否属于同一个局域网

3、输入 adb reverse tcp:8081 tcp:8081来检查设备

可参考这个前辈写的博客：

https://blog.csdn.net/lixuce1234/article/details/72844758

还有一个问题：

没有找到这个文件！！

找到node_moudles文件夹，进去之后找到react-native-》react.gradle 文件 搜索index.android.js 改为“app.js”

重新运行 ：react-native run-android

这样就可以了

恩，它还有个摇一摇的功能（可帮助你解决部分问题），首先你得开启软件的悬浮窗权限哦~~

恩，就酱紫收工啦~

非常感谢各位前辈的资料提供，我也是第一次写博客，请大家多包涵~