如何删除Flutter中的调试横幅?

我使用颤振截图，我期望截图没有横幅，但它有。

注意，我得到了一个不支持的模拟器消息的配置文件和发布模式。

当前回答

在MaterialApp上设置debugShowCheckedModeBanner为false。

 MaterialApp(
    debugShowCheckedModeBanner: false,
  )

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

如果你使用模拟器或真实设备，你想在发布时检查它模式则=>

   flutter run release --apk

在终端Android Studio / Vs Code上运行此命令

其他回答

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

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

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

1. 在MaterialApp/ScaffoldApp中

片段

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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

它是app。dart类属性。

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

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

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

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

你可以在MaterialApp中使用debugShowCheckedModeBanner:

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

过时的

如果您正在使用Android Studio，您可以在Flutter Inspector选项卡中找到该选项→更多动作。如果你正在使用Dart DevTools，你也可以在右上角找到相同的按钮。

推荐文章