React Native - Android 环境的安装

Posted 2021-02-04 allenj

由于现在手机用户越来越多。人们对手机的依赖也越来越严重。越来越多的公司都要求程序可以在手机上是用。如果想要在ios和android设备上运行程序需要开发两套不同的程序。

React Native是基于javascript和原生的中间产物 ，他具有跨平台行。只需要简单的编译就可以实现在IOS和Android两套系统上面使用。

话不多说。首先我们需要搭建好安卓开发的环境。

具体的细节可以参考官方文档：https://reactnative.cn/docs/getting-started/

1. 安装Node，版本高于8.3 , install global npm (install npm -g)
2. Java SE JDK 1.8+
3. install react-native-cli (不推荐使用淘宝的镜像 cnpm)
4. 安装Android Studio (https://developer.android.com/studio/)
   1. 建议使用Recommond
   2. 如果是用custom ，需要确保下面选项是否选中
      1. Android SDK
      2. Android SDK Platform
      3. Performance (Intel ? HAXM)
      4. Android Virtual Device
5. 配置SDK
   1. 当安装完成之后我们可以在欢迎界面找到Configure -> SDK Manager
      
   找到Android SDK 选项卡 -> 打开SDK Platforms -> 选中Show Details -> 安装以下组件
   • Android SDK Platform 27
   • Intel x86 Atom_64 System Image (官方模拟器镜像文件，使用非官方模拟器不需要安装此组)


   2. 然后点击"SDK Tools"选项卡，同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项，确保选中了 React Native 所必须的27.0.3版本。你可以同时安装多个其他版本
   3. 最后点击"Apply"来下载和安装这些组件
6. 配置Android环境变量
   1. 打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量-> 新建

   2. Android 默认把SDK安装到 c:Users你的用户名AppDataLocalAndroidSdk， 你也可以同过刚刚的SDK Manager 找到Android SDK Location (详见上图)
7. 配置Android虚拟设备。
   1. 你可以使用 Android Studio 打开项目下的"android"目录，然后可以使用"AVD Manager"来查看可用的虚拟设备。（我没有找到）
   2. 也可以在欢迎界面。Configure -> AVD Manager
      
   3. 我们需要下载或者添加一个新的设备。具体根据需要选择参数。当设备下载和添加成功之后如下图：
      
   4. 启动设备。我们可以看到Android模拟器运行正常
8. 利用react-native创建Android应用。（react-native init projectname）
9. 进入projectname文件夹, react-native run-android 。
10. Android程序启动正常