利用 Create React Native App 快速创建 React Native 应用

React Native App简介

打开React Native官方文档你会发现，在Getting Started章节下新添加一个Quick Start Tab页。Quick Start是在v0.4.5版本添加的一种快速创建React Native App的方案，旨在为React Native开发者提供一种快捷的，无需配置任何工具，同时也无需安装XCode与AndroidStudio就可以开发React Native App的一种方案。

Create React Native App 是由 Facebook 与 Expo 联合开发的用于快速创建 React Native 应用的工具，Create React Native App 则能够让用户在未安装 Xcode 或者 Android Studio 时，即使是在 Linux 或者 Windows 环境下也能开始 React Native 的开发与调试。这一点主要基于我们可以选择将应用运行在 Expo 的客户端应用内，该应用能够加载远端的纯粹的 JavaScript 代码而不用进行任何的原生代码编译操作。

环境搭建

接下来依次使用如下的命令来新建项目。

npm i -g create-react-native-app
create-react-native-app my-project
cd my-project
npm start

执行上面的命令过程中如果出现下面的错误，请执行如下命令：

sudo sysctl -w kern.maxfiles=5242880
sudo sysctl -w kern.maxfilesperproc=524288

命令行中会输出如下界面，我们可以在 Expo 移动端应用中扫描二维码，即可以开始远程调试：

给大家来一张gif动图吧。

可以使用a命令来“a”来链接Android设备。接下来使用 Expo 扫描这个二维码就可以打开你编写的 RN 应用了。并且只要在 Expo 中打开过一次，就会在 App 中保留一个入口。

使用 Expo 我们可以很快速的将自己的 RN 应用和别人分享，只要把二维码或者应用链接发给别人就行，不过前提是别人也同样安装了 Expo 。当然也可以将自己的 App 上传到 Expo 中，上传命令如下：

npm i -g exp
exp publish

当然，我们还可以选择使用 Expo 的桌面端辅助开发工具 XDE ，其内置了命令行工具与发布工具，同时支持使用内部模拟器。

当连上设备后，只要App.js文件稍做改动，就会自动更新到设备上。

除此之外，Expo 还提供了 Sketch 这个在线编辑器，提供了组件拖拽、内建的 ESLint 等功能，允许开发者直接在网页中进行快速开发与共享，然后通过二维码在应用内预览。