官方的例子

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

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

在MaterialApp上设置debugShowCheckedModeBanner为false。

MaterialApp(
  debugShowCheckedModeBanner: false,
)

调试横幅也将在发布版本中自动删除。

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

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

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

运行项目:

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

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

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

移除颤振调试横幅的三种方法:-

1. 在MaterialApp/ScaffoldApp中

片段

MaterialApp(
  debugShowCheckedModeBanner: false,
)

OR

ScaffoldApp(
             debugShowCheckedModeBanner: false,
        );

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

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

flutter run --release

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

flutter build apk

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

IN vs code输入ctr+shift+pin windows和mac cmd+shift+p并使用此命令打开dart dev工具

Dart: Open DevTools