How To Remove Debug Banner In Flutter

In this article, you will learn How To Remove Debug Banner In Flutter. Creating Material App Here, you have a simple Material App with a…

The post How To Remove Debug Banner In Flutter appeared first on CodeSource.io.

In this article, you will learn How To Remove Debug Banner In Flutter.

Creating Material App

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner:false,
      home: Scaffold(
        appBar: AppBar(
          title: Text('Home'),
          centerTitle: true,
        ),
        body: Center(
          child: Text('Codesource.io'),
        ),
      ),
    );
  }
}

Here, you have a simple Material App with a Scaffold. To remove the debug banner there is a property in MaterialApp() which is debugShowCheckedModeBanner, it takes the boolean value, if you want to hide the banner just assign it to false.

Result

Before

After

The post How To Remove Debug Banner In Flutter appeared first on CodeSource.io.


Print Share Comment Cite Upload Translate
APA
Jatin Hemnani | Sciencx (2024-03-29T15:38:48+00:00) » How To Remove Debug Banner In Flutter. Retrieved from https://www.scien.cx/2021/02/28/how-to-remove-debug-banner-in-flutter/.
MLA
" » How To Remove Debug Banner In Flutter." Jatin Hemnani | Sciencx - Sunday February 28, 2021, https://www.scien.cx/2021/02/28/how-to-remove-debug-banner-in-flutter/
HARVARD
Jatin Hemnani | Sciencx Sunday February 28, 2021 » How To Remove Debug Banner In Flutter., viewed 2024-03-29T15:38:48+00:00,<https://www.scien.cx/2021/02/28/how-to-remove-debug-banner-in-flutter/>
VANCOUVER
Jatin Hemnani | Sciencx - » How To Remove Debug Banner In Flutter. [Internet]. [Accessed 2024-03-29T15:38:48+00:00]. Available from: https://www.scien.cx/2021/02/28/how-to-remove-debug-banner-in-flutter/
CHICAGO
" » How To Remove Debug Banner In Flutter." Jatin Hemnani | Sciencx - Accessed 2024-03-29T15:38:48+00:00. https://www.scien.cx/2021/02/28/how-to-remove-debug-banner-in-flutter/
IEEE
" » How To Remove Debug Banner In Flutter." Jatin Hemnani | Sciencx [Online]. Available: https://www.scien.cx/2021/02/28/how-to-remove-debug-banner-in-flutter/. [Accessed: 2024-03-29T15:38:48+00:00]
rf:citation
» How To Remove Debug Banner In Flutter | Jatin Hemnani | Sciencx | https://www.scien.cx/2021/02/28/how-to-remove-debug-banner-in-flutter/ | 2024-03-29T15:38:48+00:00
https://github.com/addpipe/simple-recorderjs-demo