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

前端之家收集整理的这篇文章主要介绍了利用 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 等功能,允许开发者直接在网页中进行快速开发与共享,然后通过二维码在应用内预览。

原文链接:https://www.f2er.com/react/301721.html

猜你在找的React相关文章