React-Native For Android实践之-环境搭建

技术经验 • dingxiao • 阅读数:2407 • 2018年8月15日 14:54

React-Native For Android实践之-环境搭建

0x01-开启APP开发之旅

  • 说起App开发这事，真是心头上有无名的痛楚，早在2008年就有心开始想学，一看是Java边从入门到放弃了（那会儿还不会Java），当时android手机才出第二代Magic，曾是android手机第一大品牌的HTC还风光无限，谁知10年后，风云突变，正是印证了老话，”花无百日红，人无千日好“。曾经的巨头已无人知晓，Nokia易主，Kodak破产，就连微软的WP系统也已断命。

  • 话说回来，正是这10年间，我学会了Java，终于可以开始学习android。可又有谁知，科技日新月异，App开发早就不是一门语言可以打天下的时代了，故我还是象萌新一版决定入坑android，已实现自己10年来未了的宏愿。

0x02-Recat-Native在Win7下环境部署

  • 通过React-Native官方文档进行环境部署。地址react-native的win环境。

  • 安装Node，Python2，JDK。

  • 下载win环境下的包管理工具Chocolatey，官方地址Chocolatey。下载安装后，在win命令行下运行：

  choco install -y nodejs.install python2 jdk8

  • 通过npm安装react-native，运行：

  npm install -g react-native-cli

0x03-Android Studio安装

  • 在google官网下载最新版本的Android Studio，按步安装即可，启动后，会提示填写http代理，国内http代理可按下图填写。

  • 安装Android SDK。

0x04-配置ANDROID_HOME环境变量

  • ANDROID_HOME配置值为：D:\Users\DX\AppData\Local\Android\sdk。

0x05-建立第一个react-native

  • 在命令行下输入：

  react-native init DX

0x06-创建Android虚拟机

  • 注意，在Graphics选项中必须选择Software。

0x07-运行React-Native

  • 将目录切换至刚才创建的DX项目根目录下，运行：

  react-native run-android

0x08-坑点

  • 按上述步骤操作后，会发现，这样的安装方法可能导致react-native无法正常在android虚拟机上运行，导致问题的原因是react-native 和 react-native-cli版本不匹配造成。

  • 解决措施，执行下列命令：

     //全局环境下执行以下命令
     npm uninstall -g react-native-cli
     npm uninstall -g react-native
     npm install react-native@0.55.4
     npm install -g react-native-cli@1.2.0
      
     //新建项目指定版本
     react-native init DX --version="0.55.4" 
      
     //最后编译运行
     react-native run-android


captcha
    暂无评论