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 环境的安装
  6. 然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的27.0.3版本。你可以同时安装多个其他版本
  7. 最后点击"Apply"来下载和安装这些组件
  • 配置Android环境变量
    1. 打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量-> 新建
      React Native - Android 环境的安装
    2. Android 默认把SDK安装到 c:\Users\你的用户名\AppData\Local\Android\Sdk, 你也可以同过刚刚的SDK Manager 找到Android SDK Location (详见上图)
  • 配置Android虚拟设备。
    1. 你可以使用 Android Studio 打开项目下的"android"目录,然后可以使用"AVD Manager"来查看可用的虚拟设备。(我没有找到)
    2. 也可以在欢迎界面。Configure -> AVD Manager
      React Native - Android 环境的安装
    3. 我们需要下载或者添加一个新的设备。具体根据需要选择参数。当设备下载和添加成功之后如下图:
      React Native - Android 环境的安装
    4. 启动设备。我们可以看到Android模拟器运行正常
  • 利用react-native创建Android应用。(react-native init projectname)
  • 进入projectname文件夹, react-native run-android 。
  • Android程序启动正常
  •   React Native - Android 环境的安装

     

    React Native - Android 环境的安装

    上一篇:css 设置float浮动元素盒子无法定位高度怎么办,float影响下面div盒子偏移怎么办


    下一篇:使用jQuery操作DOM