如何删除 Flutter 调试横幅？

在您的 MaterialApp 上将 debugShowCheckedModeBanner 设置为 false。

MaterialApp(
  debugShowCheckedModeBanner: false,
)

调试横幅也将在发布构建时自动删除。

---

过时的

如果您使用的是 Android Studio，您可以在 Flutter Inspector 选项卡 → More Actions 中找到该选项。

或者，如果您使用的是 Dart DevTools，您也可以在右上角找到相同的按钮。

---

嗯，这就是你想要的简单答案。

MaterialApp(
  debugShowCheckedModeBanner: false
)

CupertinoApp(
  debugShowCheckedModeBanner: false
)

但是，如果您想深入了解应用程序（想要一个发布 APK 文件（没有调试横幅）并且如果您使用的是 Android Studio，那么请转到 Run → Flutter → Run 'main.dart' in Release 模式。

---

如果您使用 IntelliJ IDEA，Flutter Inspector 中有一个选项可以禁用它。

运行项目：

https://i.stack.imgur.com/gEEtcm.png

https://i.stack.imgur.com/oUzjKm.png

当您在 Flutter Inspector 中时，单击或选择“更多操作”。

https://i.stack.imgur.com/EiW1fm.png

出现菜单时，选择“隐藏调试模式横幅”：

https://i.stack.imgur.com/xasEem.png

---

还有另一种方法可以从 Flutter 应用程序中删除“调试”横幅。现在，在新版本之后，主 .dart 文件中没有 "debugShowCheckedModeBanner: false," 代码行。所以我认为这些方法是有效的：

如果您使用的是 Visual Studio Code，则从扩展安装“Dart DevTools”。安装后，您可以在 Visual Studio Code 底部轻松找到“Dart DevTools”文本图标。当您单击该文本图标时，将在 Google Chrome 中打开一个链接。从该链接页面，您只需点击此屏幕截图所示的横幅图标即可轻松删除横幅。

注意：Dart DevTools 是 Visual Studio Code 中的 Dart 语言调试器扩展

如果你的 Visual Studio Code 中已经安装了 Dart DevTools，那么你可以直接打开谷歌浏览器并打开 URL “127.0.0.1: ZZZZZ/?hide=debugger&port=XXXXX”

注意：在此链接中，将“XXXXX”替换为 5 位端口 ID（您的 Flutter 应用程序在其上运行），该端口 ID 在您使用 flutter run 命令时会有所不同，并将“ZZZZZ”替换为您的全局（不可更改）5 位调试器 ID

注意：这些 Dart 开发者工具仅适用于 Google Chrome 浏览器

---

调试横幅仅在开发时出现，并在发布版本中自动删除。

要隐藏这一点，需要将 debugShowCheckedModeBanner 设置为 false

MaterialApp(
  debugShowCheckedModeBanner: false,
)

https://i.stack.imgur.com/IWHUV.gif

---

去除颤振调试横幅的三种方法：

1. 在 MaterialApp/ScaffoldApp 中

片段

MaterialApp(
  debugShowCheckedModeBanner: false,
)

或者

ScaffoldApp(
             debugShowCheckedModeBanner: false,
        );

2.通过制作您的应用程序的发布版本

要运行应用程序的发布版本，请使用此命令

flutter run --release

或者，如果使用真实设备而不是模拟器或模拟器。制作应用程序的构建版本。

flutter build apk

3.通过使用飞镖开发工具删除调试横幅

IN vs code type ctr+shift+pin windows and for mac cmd+shift+p 并使用此命令打开 dart dev 工具

Dart: Open DevTools

https://i.stack.imgur.com/ssaXa.png

---

在您的 MaterialApp 上将 debugShowCheckedModeBanner 设置为 false。

 MaterialApp(
    debugShowCheckedModeBanner: false,
  )

调试横幅也将在发布构建时自动删除。

如果您使用的是模拟器或真实设备，并且您想在发布模式下检查它，那么 =>

   flutter run release --apk 

在终端 Android Studio / Vs Code 上运行此命令

---

利用：

MaterialApp(
  debugShowCheckedModeBanner: false,
)

这是删除此横幅的代码。调试横幅是由 MaterialApp 引起的，例如，您可以在所有使用 MaterialApp 的页面上看到此横幅。

您的应用程序的主根目录中应该至少有一个 MaterialApp。

---

所有其他答案都非常适合 Android Studio，但如果使用 Visual Studio Code，您可以使用一个命令轻松切换它。打开命令面板（Mac：Cmd + Shift + P 或 Windows：Ctrl + Shift + P）。然后键入切换调试模式横幅，如下所示：

https://i.stack.imgur.com/tgKh6.png

---

要移除 Flutter 调试横幅，有以下几种可能性：

第一个是在 MaterialApp 小部件中使用 debugShowCheckModeBanner 属性。代码： MaterialApp( debugShowCheckedModeBanner: false, ) 然后进行热重载。如果您使用 Android Studio 或 IntelliJ IDEA，第二种可能性是在 Flutter Inspector 中隐藏调试模式横幅。第三种可能性是使用 Dart DevTools。

---

在 Material 应用程序中将 debugShowCheckedModeBanner 设置为 false。

---

official example

MaterialApp(
  home: Scaffold(
    appBar: AppBar(
      title: const Text('Home'),
    ),
  ),
  debugShowCheckedModeBanner: false, //setup this property
)

有关详细信息，请查看 official documentation。

---

只需在您的 MaterialApp or GetMaterialApp 添加此行 debugShowCheckedModeBanner to false. 中执行此操作

像这样

MaterialApp(
  debugShowCheckedModeBanner: false,
)

---

如果您仍处于调试模式，则可以切换到发布模式，并且横幅将消失。

https://i.stack.imgur.com/qSXnw.png

https://i.stack.imgur.com/V600F.png

您还可以通过快捷方式打开相同的运行/调试配置窗口：

ALT+SHIFT+F10，然后按 0 并按 ALT+a。

现在输入 --release。

---

它是 app.dart 类属性。

在检查模式下运行时，它会显示一个横幅，上面写着“DEBUG”。 MaterialApp 默认构建其中之一。

要在调试模式下禁用此横幅，您可以将布尔值设置为 false。

return MaterialApp(
  theme:....
  debugShowCheckedModeBanner: false,
  home: SplashScreen(),
);

在释放模式下，这不起作用。

---

如果您在退货部分使用 Scaffold，请添加顶部 MaterialApp 和 Restart

void main() => runApp(
      const MaterialApp(
                 debugShowCheckedModeBanner: false, 
                 home: Home()),
      );

---

您可以在 MaterialApp 中使用 debugShowCheckedModeBanner：

return MaterialApp(
  debugShowCheckedModeBanner: false,
  ...
);

---

转到 Lib 文件夹中的 main 找到 MaterialApp() 并键入 debugShowCheckedModeBanner: false,

MaterialApp(debugShowCheckedModeBanner: false, )

---

用这个

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: AppTheme.appTheme,
      home: HomePage(),
    );
  }
}

---