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

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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

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

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

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

MaterialApp(
  debugShowCheckedModeBanner: false,
)

使用这个

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: AppTheme.appTheme,
      home: HomePage(),
    );
  }
}

它是app。dart类属性。

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

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

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

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

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