【问题标题】：如何删除 Flutter 调试横幅？
【发布时间】：2018-07-31 07:51:16
【问题描述】：

如何在 Flutter 中移除调试横幅？

我正在使用flutter screenshot，我希望屏幕截图没有横幅。现在确实有。

请注意，我收到了not supported for emulator 配置文件和发布模式的消息。

【问题讨论】：

debugShowCheckedModeBanner: false
在 MaterialApp() 小部件中添加 debugShowCheckModeBanner:false，这应该会在热重载时移除横幅
评论和答案是有区别的，还可以看一下早在没有太多答案时就命名的时间戳
这个问题没有错。投票决定重新打开它。
debugShowCheckModeBanner: 在 MaterialApp 中为 false - 最常用的一个。您也可以使用 Android Studio 禁用它。 3 Ways To Remove Debug Banner In Flutter

【解决方案1】：

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

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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

【讨论】：

用法：return new MaterialApp( home: new LoginPage(), debugShowCheckedModeBanner: false, theme: new ThemeData( primarySwatch: Colors.green, ));
我需要在每个班级使用debugShowCheckedModeBanner: false 表示活动吗？
flutter 工具的内置屏幕截图命令还知道如何在截屏时自动删除“调试”横幅。
@Ashish，不。你不必这样做。
@EricSeidel 不是默认情况下它不会（Flutter 1.16.4-pre.18 • 频道主 • github.com/flutter/flutter.git 框架 • 修订版 c8efcb632b（6 周前） • 2020-03-27 22： 31:01 -0700 引擎 • 修订版 3ee9e3d378) 是否有启用此功能的技巧？

【解决方案2】：

过时

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

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

【讨论】：

在DevTools View上消失了，但是我通过AndroidStudio找到了
这个菜单和相关项在idea 2020.3和flutter 55.0.3中不存在

【解决方案3】：

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

    MaterialApp(
     debugShowCheckedModeBanner: false
    )

    CupertinoApp(
     debugShowCheckedModeBanner: false
    )

但是，如果您想深入了解应用程序（想要一个发布 apk（没有调试横幅）并且如果您使用的是 android studio，那么请转到

运行 -> Flutter 在发布模式下运行“main.dart”

【讨论】：

【解决方案4】：

如果你使用 IntelliJ IDEA，flutter 检查器中有一个选项可以禁用它。

运行项目

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

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

【讨论】：

这个菜单和相关项在idea 2020.3和flutter 55.0.3中不存在

【解决方案5】：

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

如果您使用的是 VS Code，请从扩展安装 "Dart DevTools"。安装完成后，可以在 VS Code 底部轻松找到"Dart DevTools" 文字图标。当您单击该文本图标时，将在 google chrome 中打开一个链接。在该链接页面中，您只需点击 screenshot 中所示的横幅图标即可轻松删除横幅。

注意：-- Dart DevTools 是 VS Code 中的 dart 语言调试器扩展

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

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

注意：-- 这些 dart 开发工具仅适用于“Google Chrome 浏览器”

【讨论】：

【解决方案6】：

这里有 3 种方法来做到这一点

1：在您的 MaterialApp 上将 debugShowCheckedModeBanner 设置为 false。
```
 MaterialApp(
   debugShowCheckedModeBanner: false
 )
```
缓慢的横幅也将在发布构建时自动删除。
2 : 如果您使用的是 Android Studio，您可以在 Flutter Inspector 选项卡中找到该选项 --> More Actions。

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

--> 如果您使用的是 VS Code，请从扩展中安装“Dart DevTools”。安装后，您可以在 VS Code 底部轻松找到“Dart DevTools”文本图标。当您单击该文本图标时，将在 google chrome 中打开一个链接。从该链接页面，您只需点击所示的横幅图标即可轻松移除横幅。

感谢：How_to_remove_debug_banner_in_flutter_on_android_emulator

【讨论】：

无法在 android studio 4.1.2 版中找到更多按钮
这是更多操作，而不是更多按钮
这个菜单和相关项在idea 2020.3和flutter 55.0.3中不存在

【解决方案7】：

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

要隐藏它，需要将debugShowCheckedModeBanner 设置为false

MaterialApp(
  debugShowCheckedModeBanner: false,
)

【讨论】：

【解决方案8】：

所有其他答案都非常适合 android studio，但如果使用 VS Code，您可以使用一个命令轻松切换它。打开命令面板（mac: cmd+shift+p or windows: cntl+shift+p）然后输入toggle debug-mode banner，如下所示：

【讨论】：

【解决方案9】：

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

 MaterialApp(
    debugShowCheckedModeBanner: false,
  )

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

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

   flutter run release --apk

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

【讨论】：

【解决方案10】：

要移除颤振调试横幅，有几种可能：

1- 第一个是在您的 MaterialApp 小部件中使用 debugShowCheckModeBanner 属性。

代码：

MaterialApp(
  debugShowCheckedModeBanner: false,
)

然后进行热重载。

2-第二种可能是在Flutter Inspector中隐藏调试模式横幅如果你使用Android Studio或 IntelliJ IDEA 。

3- 第三种可能是使用Dart DevTools。

【讨论】：

这个菜单和相关项在idea 2020.3和flutter 55.0.3中不存在

【解决方案11】：

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

【讨论】：

【解决方案12】：

MaterialApp(
  debugShowCheckedModeBanner: false,
)

这是删除此横幅的代码。调试横幅归因于 MaterialApp，例如您可以在所有使用
MaterialApp 的页面上看到此横幅在你的应用程序的主根目录中应该至少有一个 MaterialApp

【讨论】：

【解决方案13】：

在 MaterialApp() 小部件中添加 debugShowCheckModeBanner:false，这应该会在热重载时移除横幅

MaterialApp(
  debugShowCheckedModeBanner: false,
);

【讨论】：

【解决方案14】：

调试横幅仅在开发过程中出现，您可以通过在应用 StatelessWidget 中设置 debugShowCheckedModeBanner: false 在发布版本中删除。如果你在你的 mai.dart 中使用 Android Studio，像这样。

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: new MyHomePage(),
      routes: <String, WidgetBuilder>{
        //'/a': (BuildContext context) => MyPage(title: 'Page A')
      },
    );
  }
}

【讨论】：

【解决方案15】：

在MaterialApp 或ScaffoldApp 中隐藏debug 横幅集debugShowCheckedModeBanner: false,

MaterialApp( debugShowCheckedModeBanner: false, )

或

ScaffoldApp(
             debugShowCheckedModeBanner: false,
        );

【讨论】：

【解决方案16】：

只需在 MaterialApp（应用的根目录）中将 debugShowCheckedModeBanner 设置为 false

 MaterialApp(
      debugShowCheckedModeBanner: false,
    )

【讨论】：

【解决方案17】：

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

1。在 MaterialApp/ScaffoldApp 中

片段

MaterialApp(
  debugShowCheckedModeBanner: false,
)

或

ScaffoldApp(
             debugShowCheckedModeBanner: false,
        );

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

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

flutter run --release

或者，如果使用真实设备而不是模拟器或模拟器。 make a build version of the app.

flutter build apk

3.BY 使用 dart 开发工具去除调试横幅

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

Dart: Open DevTools

【讨论】：

【解决方案18】：

您可以通过提供一个布尔参数来简单地隐藏它-----> debugShowCheckedModeBanner: false,

void main() {
  Bloc.observer = SimpleBlocDelegate();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Prescription Writing Software',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        scaffoldBackgroundColor: Colors.white,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: SplashScreen(),
    );
  }
}

【讨论】：

【解决方案19】：

在 MaterialApp 小部件中

return MaterialApp(
      debugShowCheckedModeBanner: false,   // this code to hide debug banner
      title: 'Test FireBase',            
      home: HomeScreen(),               
    );

【讨论】：

【解决方案20】：

假设您正在运行 VS Code 和 Dart 扩展。然后只需在命令面板中运行以下命令即可切换横幅。

Flutter: Toggle Debug-Mode Banner

【讨论】：

【解决方案21】：

在 MaterialApp 小部件中，检查你在哪里有home: 在那里，你可以把debugShowCheckedModeBanner: false

【讨论】：

【解决方案22】：

debugShowCheckedModeBanner 为 false

MaterialApp(
  debugShowCheckedModeBanner: false,
);

【讨论】：

【解决方案23】：

在发布模式下运行时会自动移除。

flutter run --release

【讨论】：

【解决方案24】：

将 debugShowCheckedModeBanner: false 添加到您的 MaterialApp 小部件

【讨论】：