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

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


在MaterialApp上设置debugShowCheckedModeBanner为false。

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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


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

运行项目:

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

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


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


过时的

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


这就是你想要的简单答案。

MaterialApp(
  debugShowCheckedModeBanner: false
)

CupertinoApp(
  debugShowCheckedModeBanner: false
)

但如果你想深入应用(想要一个发布APK文件(没有调试横幅),如果你正在使用Android Studio,那么请运行→Flutter→Run 'main。飞镖在释放模式。


它是app。dart类属性。

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

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

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

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


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

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

MaterialApp(
  debugShowCheckedModeBanner: false,
)


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

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


Use:

MaterialApp(
  debugShowCheckedModeBanner: false,
)

这是删除这条横幅的代码。 调试横幅是由于MaterialApp,例如,你可以在所有使用MaterialApp的页面上看到这个横幅。

在你的应用程序的主根目录下至少应该有一个MaterialApp。


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


在Material应用中,将debugShowCheckedModeBanner设置为false。


在MaterialApp上设置debugShowCheckedModeBanner为false。

 MaterialApp(
    debugShowCheckedModeBanner: false,
  )

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

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

   flutter run release --apk 

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


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

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


使用这个

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
)

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


如果你仍然在调试模式,你可以切换到释放模式,横幅将消失。

你也可以通过快捷方式打开相同的运行/调试配置窗口:

ALT+SHIFT+F10,然后按0,然后按ALT+a。

现在进入——释放。


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

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

你可以在MaterialApp中使用debugShowCheckedModeBanner:

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

只需在你的MaterialApp或GetMaterialApp中做这个 添加这一行 debugShowCheckedModeBanner设为false。

像这样

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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

MaterialApp(
  debugShowCheckedModeBanner: false,
)

隐藏调试横幅: android:在MaterialApp小部件选择false,默认情况下debugShowCheckedModeBanner。 是真的。

 MaterialApp(
      debugShowCheckedModeBanner: false,
    )

对于IOS CupertinoApp:

CupertinoApp(
  debugShowCheckedModeBanner: false
)

这是最简单的方法。

适用于:MaterialApp( debugShowCheckedModeBanner:假 )

适用于:CupertinoApp( debugShowCheckedModeBanner:假 )

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

if(isDebug == true) { debugShowCheckedModeBanner:真 }

其他的 { debugShowCheckedModeBanner:假 }

谢谢,享受)):


可以这样做

MaterialApp(
  debugShowCheckedModeBanner: false,
)