适用对象:有过一定Android开发基础的人员,最起码知道什么是SDK及会配置SDK(不会的可以百度下,不作为本文重点)
工具准备
- Git下载https://git-scm.com/download/win
- Node.js
配置SDK——ANDROID_HOME环境变量
设置全局使用指定镜像(阿里云数据共享平台)——更快速
找到git安装目录,打开git-cmd.exe 执行
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
安装react native命令行工具
采用下载github上facebook开源项目提取工具的方式
安装过程:
在git-cmd命令行中进入到刚才下载的工程的如下目录下:cd D:\softwares\ReactNativeSoftware\react-native-master\react-native-cli
运行命令:npm install -g react-native-cli 即可
开始创建项目
git-cmd命令行进入到某个工作空间目录进行创建目录 使用cd命令
运行:react-native init HelloWorld 等待……
进入工程目录 运行packager
cd HelloWorld
运行:react-native start
可以用浏览器访问:http://localhost:8081/index.android.bundle?platform=android 看看是否可以看到打包后的脚本
准备模拟器或真机运行Android
进入到HelloWorld项目目录下运行:
react-native run-android
错误解决:
- sdk找不到错误——配置ANDROID_HOME环境变量 可在cmd中输入:echo %ANDROID_HOME%查看是否配置正确
开发工具
Visual studio code
RN相关的插件查询地址:https://marketplace.visualstudio.com/
个人陈述:
1、作为一个从事Android开发的人员来讲转RN相对ios人员容易那么一点,毕竟xml布局跟JSX有点类似;另外需要学习js、html语法;
2、开发工具可以选用WebStorm——跟Android studio快捷键一致,学习成本低,也可以使用Vistual Studio轻量级,启动超快。
3、运行调式程序到真机或模拟器时需要先使用命令行启动Packager(命令:react-native start),接着启动客户端命令(react-native run-android)等待即可。
最后附上我的第一个react native工程下载地址——一个登录页面;可用来学习react native基础项目结构和用来检测自己的环境是否搭建成功等http://download.youkuaiyun.com/detail/u011084603/9887305