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

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

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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

在MaterialApp Widget中设置debugShowCheckedModeBanner为false，你就可以开始了。请参阅下面的示例以更好地理解。

MaterialApp(
  debugShowCheckedModeBanner: false,
)

官方的例子

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

有关更多信息，请查看官方文档。

如果您正在使用IntelliJ IDEA，颤振检查器中有一个选项可以禁用它。

运行项目:

在颤振检查器中，单击或选择“更多操作”。

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

要删除Flutter调试横幅，有几种方法:

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