安装环境依赖
ReactNative
需要Node
、Python2.X
、SDK
(直接下载AndroidStudio
并安装)与JDK1.8+
环境,分别下载相应安装包安装。
1 . 设置npm
镜像以加速包安装过程:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
2 . 安装命令行工具Yarn
(可代替npm
的工具,可加速node模块的下载)react-native-cli
:
npm install -g yarn react-nativ-cli
同样设置yarn
的镜像源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
3 . 将SDK
放入环境变量,创建系统变量ADNDROID_HOME
,变量值为SDK
目录,一般为C:\Users\yourName\AppData\Local\Android\Sdk
,在path
中添加如下两项:
%ANDROID_HOME%\tools
%ANDROID_HOME%\build-tools
创建新项目
用命令行工具创建一个空的项目:
react-native init projectName
运行项目
USB
接入Android
设备,打开USB调试
,查看设备连接状态:
adb devices
若出现类似下面内容,证明设备连接正常:
若提示adb
不是内部或外部命令,这是因为SDK
版本所致,新版本中adb.exe
文件没有在SDK
的build-tooks
目录下,而是在platform-tools
目录下,因此需将该目录也添加到path
环境变量中:%ANDROID_HOME%\platform-tools
。
设备连接后,输入命令运行:
cd projectName
react-native run-android
首次运行需下载各种依赖和包,耗费时间较长,可能至少需要十几分钟,且此过程需要翻墙。依赖下载完成并编译后,即可看到设备上的运行结果界面。
若报500
错,则可能是由于react-native
版本问题,执行以下操作:
rm -rf node_moudles #或手动删除该文件夹
npm install --save
npm uninstall react-nativce
npm --save install --save react-native@0.55.4
react-native run-android #依然会报错,不用管
npm install --save babel-core@lastest babel-loader@latest
npm uninstall --save babel-preset-react-native
npm install --save babel-preset-react-native@4.0.0
react-native run-android