如何在Android Studio布局检查器中隐藏React Native应用的DebuggingOverlay

1. 切换到Release构建模式 #

Debug构建默认会保留调试相关组件，哪怕关闭了开发者支持也可能生效。在Android Studio中：

• 打开Build > Select Build Variant
• 将app模块的Build Variant切换为Release，重新构建运行

2. 彻底清理并重构项目 #

执行以下命令清除缓存和旧构建文件，避免残留配置干扰：

./gradlew clean
rm -rf node_modules && npm install
npx expo prebuild --clean

完成后重新在Android Studio中构建运行。

3. 检查Expo配置文件 #

打开app.json或app.config.js，确保没有开启开发者调试相关选项：

"extra": {
  "devTools": false
}

同时检查metro.config.js，确认没有强制开启调试的配置（比如关闭minify、强制启用调试transformer等）。

4. 强制关闭MainApplication的开发者支持 #

修改MainApplication.kt，硬编码返回false，避免BuildConfig或第三方库的影响：

override fun getUseDeveloperSupport(): Boolean {
  return false
}

5. 移除AndroidManifest中所有调试相关配置 #

除了已移除的DevSettingsActivity，再添加或确认以下配置：

<meta-data android:name="com.facebook.react.devsupport.enabled" android:value="false" />

同时检查是否有其他第三方库注入的调试Overlay相关组件，一并移除或禁用。

内容的提问来源于stack exchange，提问作者alcohol is evil