1.创建模板工程
经过上一篇讲解了 React Native 开发平台的环境搭建,我们接下来要讲的是让我们一起创建第一个React Native应用,我们接下来在终端使用命令行创建我们的第一个新的应用。他会生成一个包含React Native、iOS 和Android的全新模板工程。
1. cd ~路径。
2.react-native init FirstProject
成功创建之后的项目有哪些文件如 图(1).1
图中 ios/ 和android/ 文件目录包含了各自平台的相关开发模板,index.ios.js 、 index.android.js 分别是各自平台的入口文件,通过npm安装的依赖文件通常会被放在 node_modules/目录下。
2.在iOS平台运行React Native 应用
如果你是一名iOS开发者那么这一步,想必创建完项目第一时间会打开iOS文件运行一把,内心小激动。
用Xcode 打开FirstProject.xcodeproj 文件,你会发现有一个运行的按钮,如图(2).1
我们现在选择的是iPhone 6模拟器,点击运行如图(2).2
React Native的iOS项目在编译时会先运行一个shell脚本,其作用有两个:从Terminal启动了一个Node.js的server用于React Native调试将React Native的资源文件打包放在编译目录下。 包管理器就绪之后,iOS模拟器运行默认的应用程序,一切运行顺利的话将会出现我们期待已久的iOS模拟器 如图(2).3