[Flutter/플러터] remove debug banner 디버그 배너 안보이게 하기

플러터로 앱을 개발할 때 에뮬레이터를 돌리거나 앱에 직접 실행할 때 debug mode 인 경우 아래 이미지처럼 우 상단에 DEBUG 배너가 붙게됩니다.

 

저는 개발할 때 보기 싫어서 항상 DEBUG 배너를 지우고 개발하는데요.

방법은 간단합니다.

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, // <= 요부분
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: "Flutter Diary App"),
    );
  }
}

코드의 내용처럼

MaterialApp() 안에 debugShowCheckedModeBanner의 값을 false로 지정해주면 됩니다.

기본 값이 true 이기 때문에 값을 지정안하면 DEBUG 배너가 보이는 것입니다.

 

이상입니다.