你可以在MaterialApp中使用debugShowCheckedModeBanner:

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

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

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

在MaterialApp上设置debugShowCheckedModeBanner为false。

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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

使用这个

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

官方的例子

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

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

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