跳至主要内容

介绍 Create React Native App

·阅读时间 2 分钟
Adam Perry
Adam Perry
Expo 软件工程师

今天，我们宣布推出 Create React Native App：一个全新的工具，可以显著简化 React Native 项目的入门流程！它深受 Create React App 设计理念的启发，并且是 Facebook 和 Expo（以前称为 Exponent）之间合作的产物。

许多开发者在安装和配置 React Native 当前的原生构建依赖项方面遇到了困难，尤其是在 Android 上。使用 Create React Native App，无需使用 Xcode 或 Android Studio，并且可以使用 Linux 或 Windows 为 iOS 设备进行开发。这是通过 Expo 应用实现的，该应用加载并运行用纯 JavaScript 编写的 CRNA 项目，而无需编译任何原生代码。

尝试创建一个新项目（如果您已安装，请替换为合适的 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-maps 或 Facebook 身份验证。但是，如果您需要 Expo 未捆绑的原生代码依赖项，则可能需要为此配置自己的构建。就像 Create React App 一样，CRNA 支持“弹出”。

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

问题？反馈？​

Create React Native App 现在已经足够稳定，可以供大家普遍使用，这意味着我们非常渴望了解您使用它的体验！您可以在 Twitter 上找到我，或在 GitHub 仓库 上提交问题。非常欢迎您提交拉取请求！