React Native - Android 环境的安装

书到用时方恨少,事非经过不知难。这篇文章主要讲述React Native - Android 环境的安装相关的知识,希望能为你提供帮助。
由于现在手机用户越来越多。人们对手机的依赖也越来越严重。越来越多的公司都要求程序可以在手机上是用。如果想要在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
      React Native - Android 环境的安装

      文章图片
    2. 找到Android SDK 选项卡 -> 打开SDK Platforms -> 选中Show Details -> 安装以下组件
      • Android SDK Platform 27
      • Intel x86 Atom_64 System Image (官方模拟器镜像文件,使用非官方模拟器不需要安装此组)

        React Native - Android 环境的安装

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

      文章图片
    2. Android 默认把SDK安装到 c:Users你的用户名AppDataLocalAndroidSdk, 你也可以同过刚刚的SDK Manager 找到Android SDK Location (详见上图)
  7. 配置Android虚拟设备。
    1. 你可以使用 Android Studio 打开项目下的"android"目录,然后可以使用"AVD Manager"来查看可用的虚拟设备。(我没有找到)
    2. 也可以在欢迎界面。Configure -> AVD Manager
      React Native - Android 环境的安装

      文章图片
    3. 我们需要下载或者添加一个新的设备。具体根据需要选择参数。当设备下载和添加成功之后如下图:
      React Native - Android 环境的安装

      文章图片
    4. 启动设备。我们可以看到Android模拟器运行正常
  8. 利用react-native创建Android应用。(react-native init projectname)
  9. 进入projectname文件夹, react-native run-android 。
  10. Android程序启动正常
React Native - Android 环境的安装

文章图片

【React Native - Android 环境的安装】 







    推荐阅读