ReactNative学习一

发布时间：2020-12-15 03:36:05 所属栏目：百科来源：网络整理

导读：1.安装Git 下载Git，记得把git.exe的路径写入系统环境变量，因为在执行react-native init命名时会调用git去下载react-native的源码。 2.安装Node.js 到官网下载最新版的安装包安装即可。npm（node package manager）是随着node.js就安装好的，为了加速安装其

1.安装Git

下载Git，记得把git.exe的路径写入系统环境变量，因为在执行react-native init命名时会调用git去下载react-native的源码。

2.安装Node.js
到官网下载最新版的安装包安装即可。npm（node package manager）是随着node.js就安装好的，为了加速安装其他的package，在cmd里输入以下命令：
npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist

3.安装react-native命令行工具
npm install -g react-native-cli

4.创建react-native android项目

react-native init MyProject
这一步要等上很长时间，原因不明。不想等待的话可以在这里下载项目文件，然后将android目录下的gradle.properties文件中的sdk.dir设为本机上sdk的目录。

sdk.dir=F:androidsdk

5.启动react-native服务
进入项目文件夹，输入启动命令
react-native start
在浏览器中访问地址：http://localhost:8081/index.android.bundle?platform=android

第一次访问需要骚等一会，这是在生成android的bundle文件。cmd窗口别关，一直保持开启状态。

6.安装并启动android模拟器推荐逍遥模拟器，安装好并启动。试用了很多模拟器，有些模拟器adb无法连接，有些模拟器adb连上了，但是在却没有“摇一摇”或者菜单键，非常蛋疼。终于让我发现了逍遥模拟器，嗯，很不错。在模拟器中运行进入项目目录，输入命令： react-native run-android

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!