React-Native---Android环境配置

Posted nanianqiming

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React-Native---Android环境配置相关的知识,希望对你有一定的参考价值。

一、前言
  本文主要内容是在Window系统下配置android APP的开发环境,要配置RN的Android开发环境需要3个依赖

  1、JDK(版本必须是 1.8)
  2、Node(版本必须高于8.3)
  3、Android Studio

 

二、安装JDK
  https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
  点击‘Accept License Agreement ‘,然后在下面的列表中选择下载32位或64位,这里我下载64位

技术图片

2-1、下载完毕后傻瓜式安装,完毕以后配置环境变量,打开环境变量,创建变量JAVA_HOME,值为JDK的安装目录,如 C:\\Program Files\\Java\\jdk1.8.0_191

技术图片

 2-2、随后在Path添加%JAVA_HOME%\\bin

2-3、配置完毕后打开终端输入java -version,能打印出版本号则代表成功

 技术图片

 

 三、安装Android Studio

 

  https://developer.android.google.cn/studio/
  Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器

 

  3-1、在初步安装完成后,选择Custom安装项

技术图片

 

 3-2、安装完成后,在Android Studio的欢迎界面中选择Configure | SDK Manager

技术图片

 

3-3、在SDK Platforms窗口中,选择Show Package Details

技术图片

 

3-4、然后在Android 6.0 (Marshmallow)中勾选

  1、Google APIs、
  2、Android SDK Platform 23、
  3、Intel x86 Atom System Image、
  4、Intel x86 Atom_64 System Image
  5、Google APIs Intel x86 Atom_64 System Image。

技术图片

 

3-6、在SDK Tools窗口中,选择Show Package Details技术图片

在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1(必须包含有这个版本。当然如果其他插件需要其他版本,你可以同时安装其他多个版本)。然后还要勾选最底部的Android Support Repository.

 

3-7、配置完毕以后,配置环境变量

  环境变量确保ANDROID_HOME指向你的SDK

技术图片

 

3-8、Android SDK的tools和platform-tools目录添加到PATH变量中

技术图片

 

四、配置模拟器

技术图片技术图片

或者点击‘Tools‘选项,在下拉列中选中 ‘AVD-Manager‘ 。或者点击界面中的技术图片

 

点击 ‘Create Virtual Device‘ 打开创建页技术图片

 

选择好设备后,点击 ‘Next‘,选择要安装的系统版本技术图片

 

选择需要安装的系统镜像技术图片

 

创建设备

技术图片

 

运行设备

技术图片

 

最后启动项目即可
react-native run-android

 

 

五、如果在开发中需要热加载或保存时重新加载页面

  则摇晃手机或在虚拟机中点击ctrl+M打开配置模式,启动 Enable Hot Reloading 或 Enable Live Reload即可。

技术图片

 

以上是关于React-Native---Android环境配置的主要内容,如果未能解决你的问题,请参考以下文章

在windows搭建react-native android 开发环境总结

react-native 使用react-native run-android 启动项目 报错 Android project not found

使用 react-native run-android 运行时出现 React-Native 错误

解决 React-Native: Android project not found. Maybe run react-native android first?

react-native android/ios 手动/自动 修改版本号

React-native run-android 构建了我的应用程序的正确版本,但 assembleRelease/react-native run-android --variant=release