跳到主要内容

引入 Create React Native App

·3 分钟阅读
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，请替换为合适的 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 仓库上打开一个问题。非常欢迎拉取请求！