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

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

MaterialApp(
  debugShowCheckedModeBanner: false,
)

过时的

如果您正在使用Android Studio，您可以在Flutter Inspector选项卡中找到该选项→更多动作。 如果你正在使用Dart DevTools，你也可以在右上角找到相同的按钮。

Use:

MaterialApp(
  debugShowCheckedModeBanner: false,
)

这是删除这条横幅的代码。 调试横幅是由于MaterialApp，例如，你可以在所有使用MaterialApp的页面上看到这个横幅。

在你的应用程序的主根目录下至少应该有一个MaterialApp。

这是最简单的方法。

适用于:MaterialApp( debugShowCheckedModeBanner:假 )

适用于:CupertinoApp( debugShowCheckedModeBanner:假 ）

如果你在逻辑上处理另一个颤振组件 如果你使用bool变量并处理它。 例如 bool isDebug === false;

if(isDebug == true) ｛ debugShowCheckedModeBanner:真 ｝

其他的 ｛ debugShowCheckedModeBanner:假 ｝

谢谢，享受)):

所有其他答案都适用于Android Studio，但如果使用Visual Studio Code，则可以使用一个命令轻松切换。打开命令面板(Mac: Cmd + Shift + P或Windows: Ctrl + Shift + P)，然后输入toggle debug-mode banner，如下所示:

它是app。dart类属性。

它会显示一个横幅，在受控模式下运行时显示“DEBUG”。MaterialApp默认构建其中一个。

为了在调试模式中禁用此横幅，也可以设置布尔值为false。

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

在发布模式下，这没有效果。