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

我使用flutter screenshot，我希望截图没有横幅，但它有。

注意，我得到了关于概要文件和发布模式的not supported for emulator消息。

296179 次浏览
小开
最佳答案

在MaterialApp上设置debugShowCheckedModeBanner到false。

MaterialApp(
debugShowCheckedModeBanner: false,
)

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

小开

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

运行项目:

Open the Flutter inspector .

隐藏慢横幅 .

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

Flutter Inspector的图片

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

隐藏调试模式横幅的图片

小开

还有另一种方法可以删除“调试”;现在，在新版本发布后，主.dart文件中没有"debugShowCheckedModeBanner: false,"代码行。所以我认为这些方法是有效的:

  1. 如果您正在使用Visual Studio代码，那么从扩展安装' “飞镖DevTools"。安装完成后，你可以很容易地在Visual Studio Code底部找到“飞镖DevTools"文本图标。当你点击该文本图标时，一个链接将在谷歌Chrome浏览器中打开。从该链接页面，您可以轻松删除横幅，只需点击横幅图标，如这张截图所示。

注意:飞镖DevTools是Visual Studio Code中的Dart语言调试器扩展

    如果飞镖DevTools已经安装在你的Visual Studio Code中，那么你可以直接打开谷歌Chrome并打开 URL “127.0.0.1:ZZZZZ / ?隐藏= debugger&港口= XXXXX"

请注意:在这个链接中，替换“;XXXXX"5位端口id(您的Flutter应用程序正在运行)，当您使用flutter run命令并替换“;ZZZZZ"通过您的全局(不可更改的)5位调试器id

请注意:这些Dart开发工具仅适用于谷歌Chrome浏览器

小开

< >强过时的< / >强

  • 如果您正在使用Android Studio，您可以在Flutter Inspector选项卡中找到该选项→更多的行动。

    Android Studio

  • 或者如果你正在使用Dart DevTools，你也可以在右上角找到相同的按钮。

    Dart DevTools

小开

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

MaterialApp(
debugShowCheckedModeBanner: false
)


CupertinoApp(
debugShowCheckedModeBanner: false
)

但如果你想深入应用(想要一个发布APK文件(没有调试横幅)，如果你使用的是Android Studio，那么请点击运行→颤振→的主要运行。飞镖在释放模式。

小开

它是app.dart类属性。

它显示了一个横幅，上面写着“调试”;当运行在检查模式。MaterialApp默认构建其中一个。

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

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

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

小开

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

要隐藏它，需要将debugShowCheckedModeBanner设置为false

MaterialApp(
debugShowCheckedModeBanner: false,
)

enter image description here

小开

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

  1. 第一个是在MaterialApp小部件中使用debugShowCheckModeBanner属性。

    代码:

    MaterialApp(
debugShowCheckedModeBanner: false,
)

    然后进行热重载。

  2. 第二种可能是隐藏调试模式横幅在颤振检查器，如果你使用Android工作室或IntelliJ IDEA。

    Enter image description here

  3. 第三种可能是使用飞镖DevTools。

小开

使用:

MaterialApp(
debugShowCheckedModeBanner: false,
)

这是删除横幅的代码。 调试横幅是由于MaterialApp，例如，你可以在所有使用MaterialApp.

的页面上看到这个横幅

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

小开

所有其他答案都适用于Android Studio，但如果使用Visual Studio Code，则可以使用一个命令轻松切换。打开命令面板 (Mac: Cmd + 转变 + P或Windows: Ctrl + 转变 + P)。然后输入切换调试模式横幅，如下所示:

Enter image description here

小开

在材质应用中，将debugShowCheckedModeBanner设置为false。

小开

在MaterialApp上设置debugShowCheckedModeBanner为false。

 MaterialApp(
debugShowCheckedModeBanner: false,
)

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

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

   flutter run release --apk

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

小开

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

1. 在MaterialApp/ScaffoldApp中

片段

MaterialApp(
debugShowCheckedModeBanner: false,
)

或

ScaffoldApp(
debugShowCheckedModeBanner: false,
);

2.通过制作应用的发行版本

要运行应用程序的发布版本，使用此命令

flutter run --release

或者如果使用真实设备而不是模拟器或模拟器。 # EYZ0。< / p > 

flutter build apk

3.通过使用dart开发工具删除调试横幅

IN vs代码在windows中输入# eyz0，在mac中输入cmd+shift+p，然后使用这个命令打开dart开发工具

Dart: Open DevTools

enter image description here

小开

使用这个

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

在Lib文件夹小部件Build中找到MaterialApp，插入debugShowCheckedModeBanner并添加False

 MaterialApp(
debugShowCheckedModeBanner: false`
)
小开

官方示例 .

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

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

小开

如果你仍然在< >强调试< / >强模式，你可以切换到<强> < /释放强大的>模式，横幅就会消失。

release

enter image description here

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

ALT+转变+F10，然后按0和按ALT+一个。

现在输入--release。

小开

如果你在返回部分使用Scaffold，那么在顶部添加MaterialApp和Restart

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

你可以在MaterialApp中使用debugShowCheckedModeBanner:

return MaterialApp(
debugShowCheckedModeBanner: false,
...
);
小开
只要在你的MaterialApp or GetMaterialApp 中这样做 添加这一行 # EYZ0 < / p >

像这样

MaterialApp(
debugShowCheckedModeBanner: false,
)
小开

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

MaterialApp(
debugShowCheckedModeBanner: false,
)
小开
隐藏调试横幅: android:在MaterialApp小部件选择false，默认情况下debugShowCheckedModeBanner。 是真的。< / p > 
 MaterialApp(
debugShowCheckedModeBanner: false,
)

对于IOS CupertinoApp:

CupertinoApp(
debugShowCheckedModeBanner: false
)
小开

这是最简单的方法。

For: MaterialApp( debugShowCheckedModeBanner:假 ) < / p >

For: CupertinoApp( debugShowCheckedModeBanner:假 ) < / p >

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

. bool isDebug === false if(isDebug == true) ｛ debugShowCheckedModeBanner:真 } < / p > < p >其他 ｛ debugShowCheckedModeBanner:假 } < / p >

谢谢,享受):

小开

可以这样做

MaterialApp(
debugShowCheckedModeBanner: false,
)
小开

要删除颤振中的调试横幅，可以使用MaterialApp小部件中的debugShowCheckedModeBanner属性。您可以将此属性设置为false以隐藏调试横幅。

下面是一个如何做到这一点的例子:

MaterialApp(
debugShowCheckedModeBanner: false,
)

提交答案