react-native初探

一、必备软安装

两个基本软件：node.js和python2
中文网上使用的是Chocolatey

choco install python2  
choco install nodejs.install

node.js自带npm功能设置静态源

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

创建项目测试安装

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

这里安装会报一个错误
android studio升级3.0，gradle升级4.1以后项目报错，如下

Could not resolve all files for configuration ‘:classpath’. Could not find com.android.tools.build:gradle:3.0.0.
解决方法：在project的builde.gradle做如下操作分别加上google()

buildscript {
    repositories {
        google()
        ……
    }
}

allprojects {
    repositories {
        google()
        ……
    }
}

自此就能安装了上面的所有尝试都是基于Androidstudio 3.0

(Android 5.0及以上)使用adb reverse命令

注意，这个选项只能在5.0以上版本(API 21+)的安卓设备上使用。
首先把你的设备通过USB数据线连接到电脑上，并开启USB调试（关于如何开启USB调试，参见上面的章节）。

adb reverse tcp:8081 tcp:8081

不需要更多配置，你就可以使用Reload JS和其它的开发选项了.

(Android 5.0以下)通过Wi-Fi连接你的本地开发服务器

首先确保你的电脑和手机设备在同一个Wi-Fi环境下。
在设备上运行你的React Native应用。和打开其它App一样操作。
你应该会看到一个“红屏”错误提示。这是正常的，下面的步骤会解决这个报错。
摇晃设备，或者运行adb shell input keyevent 82，可以打开开发者菜单。
点击进入Dev Settings。
点击Debug server host for device。
输入你电脑的IP地址和端口号（譬如10.0.1.1:8081）。
在Mac上，你可以在系统设置/网络里找查询你的IP地址。在Windows上，打开命令提示符并输入ipconfig来查询你的IP地址。在Linux上你可以在终端中输入ifconfig来查询你的IP地址。
回到开发者菜单然后选择Reload JS。