Question

如何在flutter中删除调试横幅？

我正在使用flutter screenshot，我希望屏幕截图没有横幅。现在确实有了。

请注意，我收到有关个人资料和发布模式的not supported for emulator消息。

Answer 1

在MaterialApp集debugShowCheckedModeBanner至false。

在发布版本中也会自动删除慢横幅。

Answer 2

在您的班级中，进入MaterialApp用于

debugShowCheckedModeBanner：否，

...
return new MaterialApp(
    title: 'Flutter Test',
    debugShowCheckedModeBanner: false,
    home: new Column(
        ...
    ),
    builder: (BuildContext context, Widget child) {
        ...
    }
);
...

Answer 3

这里有3种方法来实现

1：在您的MaterialApp上将debugShowCheckedModeBanner设置为false。
```
 MaterialApp(
   debugShowCheckedModeBanner: false
 )
```
速度较慢的横幅也会在发布版本中自动删除。
2：如果您使用的是Android Studio，则可以在Flutter Inspector选项卡-> More Actions中找到该选项。
3：还有另一种方法可以从Flutter应用程序中删除“调试”标语。现在，在新发行版之后，main中没有“ debugShowCheckedModeBanner: false”代码行。飞镖文件。所以我认为这些方法是有效的：

->如果使用的是VS Code，则从扩展名安装“ Dart DevTools”。安装后，您可以在VS Code底部轻松找到“ Dart DevTools”文本图标。当您单击该文本图标时，将在Google chrome中打开一个链接。在该链接页面上，只需点击横幅图标即可轻松删除横幅，如图所示。

有关更多信息：How_to_remove_debug_banner_in_flutter_on_android_emulator

Answer 4

如果您使用的是IntelliJ IDEA，则颤动检查器中有一个选项可以禁用它。

运行项目

open the flutter inspector

hide slow banner

当您在Flutter Inspector中时，单击或选择“更多操作”。

Picture of the Flutter Inspector

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

Picture of Hide Debug Mode Banner

Answer 5

  1  
 333 
55555

Answer 6

    MaterialApp(
      debugShowCheckedModeBanner:false  // Add this line 
    )

//并运行应用程序或Hotreload

Answer 7

这是您想要的简单答案。

MaterialApp(
 debugShowCheckedModeBanner: false
)

但是，如果您想深入了解应用程序（想要一个发行版apk（没有调试横幅），并且如果您使用的是android studio，请转到

运行-> Flutter以Relese模式运行'main.dart'

Answer 8

您需要在材质应用小部件中将 debugShowCheckedModeBanner 设置为false

Answer 9

void main() {
  runApp(MaterialApp(
    title: 'My app',
    debugShowCheckedModeBanner: false,
    home: MyScaffold(),
  ));
}

添加 debugShowCheckedModeBanner：否以删除

Answer 10

调试横幅仅在开发过程中出现，您可以通过在应用程序 StatelessWidget 中设置 debugShowCheckedModeBanner: false 在发布版本中删除。如果你在你的 mai.dart 集合中使用 Android Studio，就像这样。

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: new MyHomePage(),
      routes: <String, WidgetBuilder>{
        //'/a': (BuildContext context) => MyPage(title: 'Page A')
      },
    );
  }
}

Answer 11

代码：

MaterialApp(
  debugShowCheckedModeBanner: false,
)

Answer 12

如果您使用的是Android Studio，则可以在Flutter Inspector选项卡->“更多操作”中找到该选项。

Answer 13

通常在main.dart文件中有MaterialApp，

debugShowCheckedModeBanner : false

运行您的应用程序？就是这样，问题解决了！

Answer 14

还有另一种方法可以从Flutter应用中删除“调试”横幅。现在，在新发行版之后，main.dart文件中没有"debugShowCheckedModeBanner: false,"代码行。所以我认为这些方法是有效的：

如果使用的是VS Code，则从扩展安装"Dart DevTools"。安装后，您可以在VS Code底部轻松找到"Dart DevTools"文本图标。当您单击该文本图标时，将在Google chrome中打开一个链接。您只需在该链接页面上点击此screenshot中所示的横幅图标即可轻松删除该横幅。

注意：-Dart DevTools是VS Code中的dart语言调试器扩展

如果您的VS Code中已经安装了Dart DevTools，那么您可以直接打开google chrome并打开此url = "127.0.0.1:ZZZZZ/?hide=debugger&port=XXXXX"

注意：-在此链接中，将“ XXXXX”替换为5位数字的端口号（正在运行您的flutter应用程序），每次您使用"flutter run"命令并将其替换为“ ZZZZZ”时，该数字都会有所不同全局（不可更改）5位调试器ID

注意：-这些dart开发工具仅适用于“ Google Chrome浏览器”

Answer 15

如果要完全删除它，请在根窗口小部件中使用属性dubugShowCheckedModeBanner：false。参见下面的示例，

class Application extends StatelessWidget{
@override
Widget build(BuildContext context) {
return MaterialApp(
  home : Scaffold(
    appBar: AppBar(
      title: Text('Booklar'),
    ),
  ),
  debugShowCheckedModeBanner: false,
);
}
}

Answer 16

在 MaterialApp 小部件中

return MaterialApp(
      debugShowCheckedModeBanner: false,   // this code to hide debug banner
      title: 'Test FireBase',            
      home: HomeScreen(),               
    );

Answer 17

在debug或debugShowCheckedModeBanner: false,中隐藏MaterialApp横幅集ScaffoldApp

MaterialApp( debugShowCheckedModeBanner: false, )

或

ScaffoldApp(
             debugShowCheckedModeBanner: false,
        );

Answer 18

MaterialApp(
  debugShowCheckedModeBanner: false,
)

这是删除此横幅的代码。调试横幅是由于 MaterialApp 例如你可以在所有使用的页面上看到这个横幅
材料应用 主根目录下的应用中至少应有一个 MaterialApp

Answer 19

要删除抖动调试标语，有几种可能性：

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

代码：

MaterialApp(
  debugShowCheckedModeBanner: false,
)

然后进行热重装。

2-如果使用 Android Studio 或 IntelliJ IDEA ，第二种可能性是在 Flutter Inspector 中隐藏调试模式横幅 / strong>。

3-第三种可能性是使用 Dart DevTools 。

Answer 20

该调试标语仅在开发过程中出现，并在发行版本中自动删除。

要隐藏此内容，需要将debugShowCheckedModeBanner设置为false

MaterialApp(
  debugShowCheckedModeBanner: false,
)

printable US-ASCII

Answer 21

尽管以上所有答案都具有相似的方法，但另一种方法是使用以下命令将apk编译为发行版： flutter build 横幅将被自动删除，然后之所以将其保留在调试版本中，主要是为了表明这一点，并提醒您不要将调试版本运送到生产中

Answer 22

所有其他答案都适用于 android studio，但如果使用 VS Code，则可以使用一个命令轻松切换。打开命令面板（mac：cmd+shift+p 或 windows：cntl+shift+p）然后输入切换调试模式横幅，如下所示：

Answer 23

您可以通过提供布尔参数----->来简单地隐藏它 debugShowCheckedModeBanner：否，

void main() {
  Bloc.observer = SimpleBlocDelegate();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      ***debugShowCheckedModeBanner: false,***
      title: 'Prescription Writing Software',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        scaffoldBackgroundColor: Colors.white,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: SplashScreen(),
    );
  }
}

Answer 24

MaterialApp（ debugShowCheckedModeBanner：否，）

Answer 25

如果要在混乱状态下调试应用程序并且仅隐藏功能区，请设置Material Widget的debugShowCheckedModeBanner属性。

在您的 MaterialApp 调用中，设置以下内容：

MaterialApp(
      debugShowCheckedModeBanner: false,
);

或在命令行中：

flutter运行--release

示例：

 class MyApp extends StatelessWidget {
      // This widget is the root of your application.
      @override
      Widget build(BuildContext context) {
        return new MaterialApp(
          debugShowCheckedModeBanner: false,
          title: 'Flutter',
          home: new MyHomePage(title: 'Home Page'),
        );
      }
    }

Answer 26

MaterialApp(
      home: Scaffold(
        debugShowCheckedModeBanner: false,
);

这将删除调试标语，但此标语仅在实际的构建标语将自动删除后才在模拟器或真实设备上运行时显示，希望对您有帮助

Answer 27

在MaterialApp小部件下有一个名为 debugShowMaterialGrid 的属性。将其设置为false。示例：

  Widget build(BuildContext context) {
    return MaterialApp(
         title: 'Flutter Demo',
         debugShowMaterialGrid: false,
    )
  }

我希望这会有所帮助。

Answer 28

在MaterialApp使用属性内：

  debugShowCheckedModeBanner : false

就这样。然后重新加载，横幅将被删除。默认情况下为true，但在发布时它将自动删除。

Answer 29

在主页中将此行添加到 MaterialApp（ debugShowCheckedModeBanner：）;

Answer 30

将 MaterialApp 的 debugShowCheckedModeBanner 属性设置为 false ，默认情况下为true。

https://api.flutter.dev/flutter/material/MaterialApp/debugShowCheckedModeBanner.html

Answer 31

您可以将属性 debugShowCheckedModeBanner 设置为false以删除调试横幅

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

如何在Android模拟器上删除sputter中的调试横幅？

31 个答案: