跳到主要内容

介绍 Create React Native App

·3 分钟阅读
Adam Perry
Expo 软件工程师

今天我们宣布推出 Create React Native App:一个新工具,它能显著简化 React Native 项目的上手难度!它的设计深受 Create React App 启发,并且是 FacebookExpo(前身为 Exponent)合作的产物。

许多开发者在安装和配置 React Native 当前的本地构建依赖时感到困扰,尤其是在 Android 平台上。有了 Create React Native App,就不需要使用 Xcode 或 Android Studio 了,并且你可以在 Linux 或 Windows 上为你的 iOS 设备进行开发。这是通过 Expo 应用实现的,该应用加载并运行纯 JavaScript 编写的 CRNA 项目,无需编译任何原生代码。

尝试创建一个新项目(如果你已安装 yarn,请替换为相应的 yarn 命令)

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

这将启动 React Native 打包器并打印一个二维码。在 Expo 应用 中打开它来加载你的 JavaScript。对 console.log 的调用会转发到你的终端。你可以使用任何标准的 React Native API 以及 Expo SDK

原生代码怎么办?

许多 React Native 项目都有需要编译的 Java 或 Objective-C/Swift 依赖。Expo 应用确实包含了相机、视频、联系人等 API,并捆绑了流行的库,例如 Airbnb 的 react-native-mapsFacebook 认证。但是,如果你需要一个 Expo 没有捆绑的原生代码依赖,那么你可能需要为其配置自己的构建。就像 Create React App 一样,CRNA 也支持“弹出 (eject)”功能。

你可以运行 npm run eject 来获得一个与 react-native init 生成的项目非常相似的项目。届时,你将需要 Xcode 和/或 Android Studio,就像你使用 react-native init 开始一样,通过 react-native link 添加库也将生效,并且你将完全控制原生代码的编译过程。

问题?反馈?

Create React Native App 现在已足够稳定,可供普遍使用,这意味着我们非常期待听到你使用它的体验!你可以在 Twitter 上找到我,或在 GitHub 仓库上提出问题。欢迎提交拉取请求!