React native

来源：互联网发布：修真淘宝大户顶点编辑：程序博客网时间：2024/06/18 12:06

转载：http://reactnative.cn/post/10

Windows搭建环境;

1. JDK 1.8以上

2. SDK 23以上（一定要设置环境变量 ANDROID_HOME）

3. Android Studio

4. 官网下载 Node.js 并安装（我装在D盘）

5. 设置npm镜像

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

6. 安装react-native命令行工具

npm install -g react-native-cli

开发项目

1. 创建项目（不想在默认的路径下，需要将cmd进入指定的位置，如：进入D盘——> d:——> cd xxx）

react-native init MyProject

2. 运行packager

react-native start

可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的脚本（看到很长的js代码就对了）。第一次访问通常需要十几秒，并且在packager的命令行可以看到形如[====]的进度条。

3. 真机运行

保持packager开启，另外打开一个命令行窗口，然后在工程目录下运行

react-native run-android

不出意外就会在手机上看到相应的app页面，如果有问题往下看。

真机测试（小米4C）所遇到的问题：

1. React Native 小米（红米）手机安装失败、白屏 Failed to establish session 解决方案

0 0