Expo DevClient
一个用于创建开发构建并包含实用开发工具的库。
For the complete documentation index, see llms.txt. Use this Use this file to discover all available pages.
expo-dev-client 会为你的调试构建添加各种有用的开发工具:
- 可配置的启动器 UI,因此你可以启动更新(例如来自 PR 预览)并在开发服务器之间切换,而无需重新编译原生应用
- 改进的调试工具(例如支持检查网络请求)
- 强大且可扩展的开发者菜单 UI
Expo 文档将包含 expo-dev-client 的调试构建称为 开发构建。
安装
- npx expo install expo-dev-client如果你要在一个现有的 React Native 应用中安装它,请先在你的项目中安装 expo。然后,按照在现有 React Native 项目中安装 expo-dev-client中的说明进行操作。
在 app config 中配置
如果你在项目中使用 config plugins(Continuous Native Generation (CNG)),可以使用其内置的 config plugin 来配置 development client launcher。该插件允许你配置各种无法在运行时设置、且需要构建新的应用二进制文件后才会生效的属性。如果你的应用不使用 CNG,那么你需要手动配置该库。
Example app.json with config plugin
{ "expo": { "plugins": [ [ "expo-dev-client", { "launchMode": "most-recent" } ] ] } }
Configurable properties
| Name | Default | Description |
|---|---|---|
launchMode | "most-recent" | 决定是启动最近打开的项目,还是导航到启动器屏幕。
|
addGeneratedScheme | true | 默认情况下, |
android.launchMode | "most-recent" | Only for: Android 决定在 Android 上是启动最近打开的项目,还是导航到启动器屏幕。仅对 Android 覆盖顶层的
|
ios.launchMode | "most-recent" | Only for: iOS 决定在 iOS 上是启动最近打开的项目,还是导航到启动器屏幕。仅对 iOS 覆盖顶层的
|
TV 支持
- 此库仅在 SDK 54 及更高版本中支持 TV。
- Android TV:支持所有操作,与 Android 手机类似。
- Apple TV:支持使用本地或隧道 packager 的基本操作。不支持 EAS 认证,以及列出 EAS 构建和更新。
API
import * as DevClient from 'expo-dev-client';
Methods
A method that closes development client menu when called.
voidA method that hides development client menu when called.
voidA method that opens development client menu when called.
void| Parameter | Type |
|---|---|
| items | ExpoDevMenuItem[] |
A method that allows to specify custom entries in the development client menu.
Promise<void>Types
An object representing the custom development client menu entry.
| Property | Type | Description |
|---|---|---|
| callback | () => void | Callback to fire, when user selects an item. |
| name | string | Name of the entry, will be used as label. |
| shouldCollapse(optional) | boolean | A boolean specifying if the menu should close after the user interaction. Default: false |