Remove DEBUG ICON on Flutter

In this tutorials, Learn how to get rid of the DEBUG banner in the Flutter app.

For your Flutter mobile application to appear polished and production-ready, the DEBUG banner must be removed.

Important to keep in mind is that this label may mislead consumers into thinking there is a flaw or problem in the programme.

By following the instructions in this guide, you’ll be able to get rid of the DEBUG label in both debug and release modes, giving your application’s users a seamless and polished user experience.

Debug Banner Removal through Programming :

If you wish to hide the banner just in specific areas of your application, you may wrap those areas in the Builder widget and set the debugShowCheckedModeBanner value to false.

This enables you to selectively conceal the banner while working on specific areas of your application without affecting it overall. It’s critical to remember that even if the DEBUG label has been gone, the debug mode is still active and you can still access all of the tools and features that Flutter offers for debugging.

debugShowCheckedModeBanner: false

If you need to activate the banner for some reason in release mode, you can also set the debugShowCheckedModeBanner property to true instead of setting it to false.

To avoid being unprofessional and detracting from the user experience, always remember to hide the banner in release mode.

This code example should make it simple for you to remove the DEBUG label from your Flutter application while still having access to all the required debugging resources.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, // Set debugShowCheckedModeBanner to false
      title: 'Debug Remove',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Debug Remove App'),
      ),
      body: Center(
        child: Text('Now, Debug Removed'),
      ),
    );
  }
}

I sincerely hope you found this little tutorial on Flutter to be useful. More tutorials may be found on this website in the Flutter category if you’re interested in learning Flutter. Look at it. There may be more tutorials that you prefer.

If you want to learn basic concept then refer this Flutter Basic Concept

Additionally, you may view the flutter tutorials on our website below.

Rounded Corners Image in Flutter

Example of a checkboxlisttile in flutter

Checkbox Example In Flutter