PAYATHON 2026

如何在 Expo 中永久禁用 Dev Tools Button?

数据阿明

结论

在 expo-dev-client 的 config plugin 中设置 toolsButton: false,即可默认隐藏 Tools button。需要将此设置写入应用配置,并重新生成或构建原生应用。仅在 Dev Menu 中选择隐藏不会保存这项配置。Expo 的 expo-dev-client 配置说明指出,config plugin 中需要构建新应用二进制文件的属性,必须重新构建才能生效;该插件新增了默认禁用 Tools button 的选项。Expo 仓库变更记录

配置方法

在 app.json 的 expo.plugins 中添加或合并 expo-dev-client 配置:

{
  "expo": {
    "plugins": [
      [
        "expo-dev-client",
        {
          "toolsButton": false
        }
      ]
    ]
  }
}

如果 plugins 中已有 expo-dev-client,直接在现有配置中加入 toolsButton 即可,无需重复添加插件。保存后,重新生成原生项目并构建 development build。重启 Metro 或刷新 JavaScript bundle,都不会更新已安装应用的原生配置。

版本与临时隐藏

如果配置不识别 toolsButton,当前安装的 expo-dev-client 版本可能尚未包含此选项。请先确认依赖版本与 Expo SDK 兼容,再更新依赖并重新构建。

SDK 58 及以上版本支持在当前 CLI 会话启动时临时隐藏按钮。运行:

EXPO_NO_DEV_MENU=1 npx expo start

移除环境变量后,后续启动时按钮会恢复显示。Expo 文档

备注:内容仅供参考。