Android自带的webview存在各式各样的适配问题，通常解决的方法有两个：一个是采用第三方的浏览服务替代android原生的webview，如腾讯的X5浏览服务；二是采用第三方框架，如Facebook的React Native。前段时间刚好测试了一下React Native,下面就如何在Windows下搭建React Native作一下介绍。

React Native着力于提高多平台的开发效率 —— 学习一次，编写任何平台(Learn once, write anywhere)。React Native能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。

必须的软件：

Chocolatey（可选择）

Chocolatey是一个windows上的包管理器，类似于Linux上的yum和apt-get。一般的安装方法如下：

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclientDownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%chocolateyin

由于国内的网络问题，若不能下载安装Chocolatey，以下软件可自行去官网下载安装。

Python 2

React native 可能不支持Python 3.

使用Chocolatey安装Python 2或去官网下载安装。

choco install python2

Node

使用Chocolatey安装NodeJS或去官网下载安装。注意，目前已知Node 7.1版本在windows上无法正常工作，请避开这个版本！

choco install nodejs.install

Android Studio

Android Studio 2.0或更高版本（确认安装Android SDK）。

测试安装：

react-native init AwesomeProject

cd AwesomeProject

react-native run-android

此命令会在C:UsersAdministrator路径下生成一个名为AwesomeProject的工程，通过命令便可以在android模拟器或者手机中生成一个react native的App。

若打开App后屏幕为红色，如下图：

此原因是由于加载js的地址不正确导致的，用手摇动手机，再如下页面中选择Dev Settings.

然后选择debug server host，填入你电脑的ip,然后reload就好了，如下图：

修改项目：

修改下AwesomeProject下的index.android.js可对项目进行修改。

相关参考资料：

https://facebook.github.io/react-native/

http://reactnative.cn/

诚信工作室   供稿