How can I remove the debug banner in Flutter

Question

I'm using flutter screenshot and I expected the screenshot to not have a banner, but it has.

I get a not supported for emulator message for profile and release mode.

Answer 1

The debug banner in Flutter can be removed by setting the debugShowCheckedModeBanner property of the MaterialApp widget to false. Here's an example:

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MyHomePage(),
    ),
  );
}

In this example, the debugShowCheckedModeBanner property is set to false to remove the debug banner. The MyHomePage widget is used as the home screen for the app, but you can replace it with your own widget.

Note that the debug banner is only shown in debug mode, and is automatically removed in profile and release modes. This is why you see the message "not supported for emulator" when trying to remove the banner in these modes.

If you're using a physical device to take the screenshot, you can switch to profile or release mode by running the following command in the terminal:

flutter run --release

This will build and run the app in release mode, which should not show the debug banner.

I hope this helps!

To know more about Flutter, join our Flutter Course today.