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

技术经验 dingxiao 阅读数:168 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 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
    暂无评论