码迷,mamicode.com
首页 > 移动开发 > 详细

React Native - Android 环境的安装

时间:2019-01-17 16:54:53      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:环境变量   java se   选中   init   studio   进入   建议   orm   ini   

由于现在手机用户越来越多。人们对手机的依赖也越来越严重。越来越多的公司都要求程序可以在手机上是用。如果想要在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
      技术分享图片
    2. 找到Android SDK 选项卡 -> 打开SDK Platforms -> 选中Show Details -> 安装以下组件
      • Android SDK Platform 27
      • Intel x86 Atom_64 System Image (官方模拟器镜像文件,使用非官方模拟器不需要安装此组)

        技术分享图片
    3. 然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的27.0.3版本。你可以同时安装多个其他版本
    4. 最后点击"Apply"来下载和安装这些组件
  6. 配置Android环境变量
    1. 打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量-> 新建
      技术分享图片
    2. Android 默认把SDK安装到 c:\Users\你的用户名\AppData\Local\Android\Sdk, 你也可以同过刚刚的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程序启动正常

  技术分享图片

 

React Native - Android 环境的安装

标签:环境变量   java se   选中   init   studio   进入   建议   orm   ini   

原文地址:https://www.cnblogs.com/allenj/p/10283048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!