Flutter Remove Debug Banner Image in Android iOS Emulator Screenshot

Debug banner image shows at the top right side of flutter android and iOS application. The main purpose of debug banner is to notify the application developer that your application is currently running in debug mode. By default debug banner image is enabled in every flutter project. If we take the screenshot of application for display purpose then the debug banner looks bad on screen. But using the debugShowCheckedModeBanner: false method we can easily hide the debug mode banner. So in this tutorial we would Remove Debug Banner Image in Android iOS Emulator in Flutter while taking Screenshot.

Contents in this project Remove Debug Banner Image in Android iOS Emulator:

1. Import material.dart package in your app’s main.dart file.

2. Call our main MyApp class using runApp().

3. Create our main class named as MyApp extends with StatelessWidget.

4. Create Widget Build area in MyApp class. Now we would return the Material App and inside the Material App we would define debugShowCheckedModeBanner: false to hide the debug banner.

5. Create Text widget in Center widget with some text.

6. Complete source code for main.dart file:

Screenshot of Android app after hiding debug banner:

Flutter Remove Debug Banner Image in Android iOS Emulator Screenshot

Screenshot of iOS app after hiding debug banner:

Leave a Reply

Your email address will not be published.