Download StackFood Multi Restaurant, Food Delivery App with Laravel Admin and Restaurant Panel Buy Full App on $79
Download FlutKit - Flutter UI Kit Most beautiful Flutter UI Kit with 20+ Full App, 450+ Screens. Buy Full Kit on $39
Download Fluxstore Multi Vendor WooCommerce/Dokan Plugin compatible WordPress eCommerce Flutter App. Buy Full App on $79

How to Remove ʺDEBUGʺ Banner Tag From Debugging Flutter App

While you run your app in debug mode during testing your app, you will notice a "DEBUG" banner tag at top right side of your app. In this example, we are going to show you the way to remove this debug tag while debugging your Flutter App.

How to Remove "DEBUG" banner tag:

MaterialApp( 
      debugShowCheckedModeBanner: false,
)

You need to pass "False" on "debugShowCheckedModeBanner" in MaterialApp or CupertinoApp in Flutter.

Full Code Example:

import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget{
  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
          appBar: AppBar(
              title:Text("Remove Debug Banner Tag"), //appbar title
              backgroundColor: Colors.redAccent //appbar background color
          ),
          body: Container(
            alignment:Alignment.topCenter,
            padding: EdgeInsets.all(35),
             child: Text("Remove Debug Banner Tag")
          )
      );
  }
}

Output Screenshot:

Default Tag on Debug Mode When Banner Tag is Removed

In this way, you can remove "Debug" banner tag from the Flutter app while debugging. 

No any Comments on this Article


Please Wait...