How to hide debug banner from the application main page in Flutter?

Is the debug banner on your Flutter app’s main page getting in the way? Learn how to hide debug banner with this easy step-by-step guide.

How to hide debug banner from the application main page in Flutter

Steps to hide debug banner in Flutter

How to hide debug banner from the application main page error
@override

Widget build(BuildContext context) {

 return MaterialApp(

   title: 'Flutter Demo',

   theme: ThemeData(

     primarySwatch: Colors.blue,

   ),

   home: const MyHomePage(title: 'Flutter Demo Home Page'),

 );

}

No need to do so many thing for hiding debug banner  the main page just apply , `debugShowCheckedModeBanner: false,`inside the Material app. Like this:

Check Out: How to Prevent Stack Children from Being Overwritten in Flutter?

How to hide debug banner from the application main page solved
@override

Widget build(BuildContext context) {

 return MaterialApp(

   debugShowCheckedModeBanner: false,

   title: 'Flutter Demo',

   theme: ThemeData(

     primarySwatch: Colors.blue,

   ),

   home: const MyHomePage(title: 'Flutter Demo Home Page'),

 );

}
Share:

Ambika Dulal is a Flutter developer from Nepal who is passionate about building beautiful and user-friendly apps. She is always looking for new challenges and is eager to learn new things. She is also a strong believer in giving back to the community and is always willing to help others.

Leave a Comment

AO Logo

App Override is a leading mobile app development company based in Kathmandu, Nepal. Specializing in both Android and iOS app development, the company has established a strong reputation for delivering high-quality and innovative mobile solutions to clients across a range of industries.

Services

UI/UX Design

Custom App Development

Mobile Strategy Consulting

App Testing and Quality Assurance

App Maintenance and Support

App Marketing and Promotion

Contact

App Override

New Plaza, Kathmandu