在现有的 React Native 项目中安装 expo-dev-client

编辑

学习如何在您现有的 React Native 项目中安装和配置 expo-dev-client。


以下指南解释了如何在现有的 React Native 项目中安装和配置 expo-dev-client

您需要创建一个新项目吗?

如果您从新项目开始,请使用 with-dev-client 模板创建它:

Terminal
npx create-expo-app -e with-dev-client
您的项目中使用了持续原生生成 (CNG) 吗?

要在使用 CNG 的项目中使用 expo-dev-client,请参见 创建开发构建

先决条件

必须安装和配置 expo 包。 如果您是通过 npx @react-native-community/cli@latest init 创建项目,并且没有安装任何其他 Expo 库,您需要在继续之前 安装 Expo 模块

1

安装 expo-dev-client

expo-dev-client 库添加到您的 package.json 中:

Terminal
npx expo install expo-dev-client

如果您的项目在磁盘上有 ios 目录,请运行以下命令以完全安装 expo-dev-client 的原生代码:

Terminal
npx pod-install

如果您的项目没有 ios 目录,则可以跳过此步骤。

2

配置深度链接

Expo CLI 使用深度链接来启动您的项目,如果您计划 使用 expo-dev-client 启动预览更新,并且已经向项目添加了自定义深度链接方案,这也很有用。

如果您尚未为您的应用配置 scheme 以支持深度链接,那么请使用 uri-scheme 库为您执行此操作。

Terminal
# 列出您项目的方案
npx uri-scheme list

# 向您的项目添加一个方案
npx uri-scheme add your-scheme

有关更多信息,请参见 uri-scheme

3

构建并安装应用

使用您选择的工具创建应用的调试构建。例如,您可以通过 使用 Expo CLI 本地开发应用在云中使用 EAS Build 来完成此操作。