React Native 安装

时间:2022-09-06 17:26:07

第一 :在天朝如果你可以违规上网的话便可以按 react native 中文网的文档进行安装与调试。地址为:https://reactnative.cn/docs/getting-started.html

第二 :这里记录一下我在没有违规上网 的情况下是如何将react native 安装并运行起来的。

1> 先安装node.js 。这一项如果不会请自行百度。

2> 将 npm 设置淘宝镜像

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

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

3> 安装 yarn 并设置淘宝镜像

npm install -g yarn react-native-cli

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

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

4> 安装 Android SDK , 这里介绍一个国内的网站可以下载 Android studio 以及相关的 SDK 与 Tools .

https://www.androiddevtools.cn/

下载 SDK Tools

React Native 安装

运行 SDK Manager  勾选 Android 9 (API 20) , Tools中 Android SDK Tools , Android SDK Platform-tools , Android SDK Build-tools 28.0.3.

这里会下载很长一段时间,请务必耐心等待。

React Native 安装

配置环境变量:

JAVA_HOME :  C:\Program Files\Java\jdk1.8.0_91

ANDROID_HOME  : C:\Program Files (x86)\Android\android-sdk

将 SDK中的 platform-tools 配置到 Path中

React Native 安装React Native 安装

5> 创建react native 项目到D盘 peter 目录下,这里需要等待三到五分钟

cd 到 peter 目录下并执行  react-native init demo --version 0.48.0

6> 下载android 模拟器,我用的是夜神。当第5步完成后,可以执行以下命令

react-native start

新开一个 cmd , 执行 adb connect 127.0.0.1:62001 用于连接夜神模拟器

在新建的项目 android 目录下新建或修改 local.properties 文件并加入 sdk dir 如下

                sdk.dir=C\:\\Program Files (x86)\\Android\\android-sdk

React Native 安装React Native 安装

执行 react-native run-android 运行程序。

如果出现报错如: .android/repositories.cfg could not be loaded 。

解决方法: 在这个目录下新加这个文件  如: C:\Users\Administrator\.android\repositories.cfg , 然后再 cd 到 android sdk 的目录

如:C:\Program Files (x86)\Android\android-sdk\tools\bin  运行 sdkmanager --update 当问到 yes/no 时写 y

React Native 安装

处理完这些之后,便可 react-native run-android 运行成功。只不过要等待比较长的时间。

要让模拟器连接我们的 react-native ,可以点击两下模拟器上的 摇一摇 , 点击 Dev Setting

React Native 安装

React Native 安装React Native 安装