使用这个

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

还有另一种方法可以从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浏览器

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

MaterialApp(
  debugShowCheckedModeBanner: false,
)

这是最简单的方法。

适用于:MaterialApp( debugShowCheckedModeBanner:假 )

适用于:CupertinoApp( debugShowCheckedModeBanner:假 ）

如果你在逻辑上处理另一个颤振组件 如果你使用bool变量并处理它。 例如 bool isDebug === false;

if(isDebug == true) ｛ debugShowCheckedModeBanner:真 ｝

其他的 ｛ debugShowCheckedModeBanner:假 ｝

谢谢，享受)):

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

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

如果你在Return Section中使用脚手架，那么在Top MaterialApp中添加并重新启动

void main() => runApp(
      const MaterialApp(
                 debugShowCheckedModeBanner: false, 
                 home: Home()),
      );