React Natvie中文网:https://reactnative.cn/docs/getting-started/

一、开发环境的搭建和配置

1、安装node(8.3版本以上)、python2.x(建议2.7.13),node用于提供npm包管理器,专门用于管理js包;

安装完node建议设置npm镜像以加快后面的过程:

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

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

2、安装yarn和react native的命令行工具。yarn是代替npm的工具,可以加快node的下载;react native的命令行工具用于执行创建、初始化、更新项目、运行打包(packager)等服务。

npm install -g yarn react-native-cli

安装完yarn后也要设置镜像:

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

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

安装完yarn后,就可以使用yarn来代替npm。(例如:用yarn代替npm install;用yarn add 代替 npm install)

3、安装JDK1.8(https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

记得勾选Accept License Agreement,下载x64版本

4、安装Android Studio(http://www.android-studio.org/

5、安装Android SDK。

Android Studio会默认安装最新版的SDK,目前编译RN需要的是Android 8.1版本的SDK;

在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 8.1 (Oreo)选项,确保勾选了下面这些组件:

Android SDK Platform 27

Intel x86 Atom_64 System Image(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件

然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的27.0.3版本。你可以同时安装多个其他版本。

最后点击"Apply"来下载和安装这些组件

 6、配置环境变量

RN需要通过环境变量来了解你的SDK安装的位置,从而进行正常的编译;

控制面板 ->系统和安全->系统->高级系统设置->高级->环境变量->新建,创建一个名为ANDROID_HOME的环境变量,指向你的SDK安装路径

你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android SDK

在环境变量的path中添加\sdk\tools和\sdk\platform-tools

 7、创建新项目

使用RN命令行工具创建一个名为“AwesomeProject”的新项目

react-native init AwesomeProject

你可以使用--version参数(注意是个杠)创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。

8、准备Android设备

使用模拟器进行开发:

使用 Android Studio 打开项目下的"android"目录,然后可以使用"AVD Manager"来查看可用的虚拟设备

如果你刚刚才安装 Android Studio,那么可能需要先创建一个虚拟设备。点击"Create Virtual Device..."图标,然后选择所需的设备类型并点击"Next",然后选择Oreo API Level 27 image.

9、编译并运行应用

判断是否连接到了模拟器或是真机,cmd中输入:adb connect  127.0.0.1:62025

确保你先运行了模拟器或是真机,然后在你的项目目录中运行react-native run-android:

 

Android环境搭建要点:

(1)配置jdk环境变量

在环境变量的path变量中加入jdk安装目录的bin路径字符串(C:\Program Files\Java\jdk1.8.0\bin)。

    配置好后,在命令提示符界面输入"java -version"将显示jdk版本信息。

(2)JAVA_HOME环境变量

添加JAVA_HOME环境变量,并设置值为jdk安装目录字符串(C:\Program Files\Java\jdk1.8.0)。

    如果不配置JAVA_HOME,安装Android sdk将发现不了jdk。

(3)安装Android Studio过程中报"Failed to install Intel HAXM"提示

查看错误日志显示为"This computer meets the requirements for HAXM, but Intel Virtualization Technology (VT-x) is not turned on. HAXM cannot be installed until VT-x is enabled."

   解决办法:在BIOS中设置"Intel Virtual Technology"项为"Enable",然后保存,重新安装即可。

(4)ANDROID_HOME环境变量设置

 添加"ANDROID_HOME"环境变量,并设置值为Android Sdk的安装路径

(5)把Android的"tools"和"platform-tools"加入path环境变量。

 配置完Android的环境变量,在命令提示符界面输入"adb"将显示Android调试版本信息。也可以输入"android -h"将显示Android相关信息

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐