学习React Native需要先简单学习JavaScript,所以在学习前可以先去了解一下JavaScript语言的常用语法。
Android环境的搭建
在window上因为只能开发Android,iOS需要在Mac系统上开发,所以必须要有Android的开发环境。Android的开发环境只需要有:
- jdk的安装以及环境变量的配置
- Android studio的下载以及安装,网址可以使用Android的中文官网进行下载Android的中文官网
运行设备搭建
- 真机调试(这里连接的网络必须和电脑是一个网络才可以调试
- 安装Genymotion模拟器Genymotion安装教程
安装Node
node.js轻量级的Web服务器,想要是React Native跑起来需要安装node, 如果没有安装node.js,先去官网安装node.jsNode下载地址
下载好后直接安装,然后在命令行中敲下面的代码:
然后给node配置环境变量:
具体环境变量配置可以参考Node环境变量配置
安装React Native模块
打开控制命令行输入:npm install -g yarn react-native-cli,按回车即开始安装,等待安装即可。
安装Webstore
Webstore是前端开发的IDE工具,这里可以直接创建react native项目,以后的react native开发都是基于这个开发工具进行的,Webstore下载地址
至于如何破解,可以参考这篇博客的第二种方法,试过,可以用破解地址
第一个react native项目
完成以上环境的配置,打开Webstore,新建react native项目:
创建好后如下:
点击上方指示运行就ok。然后打开Android studio,将项目中的android目录导入Android studio中进行编译:
然后打开Genymotion模拟器开启一个Android模拟器,点击下方按钮运行:
这里要注意,模拟器或者真机必须和电脑是一个网络的才可以运行成功:
看到如上图,就说明已经成功运行起第一个react native项目。下一篇讲解react native的项目结构。