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

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

MaterialApp(
  debugShowCheckedModeBanner: false,
)

你可以在MaterialApp中使用debugShowCheckedModeBanner:

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

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

MaterialApp(
  debugShowCheckedModeBanner: false
)

CupertinoApp(
  debugShowCheckedModeBanner: false
)

但如果你想深入应用(想要一个发布APK文件(没有调试横幅)，如果你正在使用Android Studio，那么请运行→Flutter→Run 'main。飞镖在释放模式。

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

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

如果你正在使用Visual Studio Code，那么从扩展安装“Dart DevTools”。安装完成后，你可以很容易地在Visual Studio Code底部找到“Dart DevTools”文本图标。当你点击该文本图标时，一个链接将在谷歌Chrome浏览器中打开。从该链接页面，你可以轻松删除横幅，只需点击横幅图标，如图所示的截图。

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

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

注意:在此链接中，将“XXXXX”替换为5位端口id(您的Flutter应用程序正在运行的端口id)，该端口id将随您使用Flutter run命令而变化，并将“ZZZZZ”替换为全局(不可更改)5位调试器id

注意:这些Dart开发工具仅适用于谷歌Chrome浏览器

它是app。dart类属性。

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

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

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

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