플러터 디버깅 배너 제거

플러터 가상 디바이스 실행 시 생기는 디버깅 배너 제거하는 방법에 대해 알려드리겠습니다.

디버그 배너 제거

 

#1 플러터 가상 디바이스 실행 모습

플러터 코드 작성 후 가상 디바이스에 실행을 하면 가상 디바이스에서는 기본적으로 아래와 같이 Debug 배너가 함께 표시됩니다.

실제 코드 동작을 확인하기 위한 목적으로 가상 디바이스를 실행할때는 디버그 배너가 크게 거슬리지 않을 수도 있지만,

앱의 완성 단계에서 홍보를 위한 스크린샷이 필요하거나, 스토어에 올리기 위한 스크린샷을 생성하기 위해서는 배너가 없어야 합니다.

가상 디바이스가 아닌 실제 디바이스에 연결하더라도 그냥 실행을 하게 되면 디버그 배너는 동일하게 나타나게 됩니다. 만약 단순 실행이 아라 앱을 build 한 후 apk형태로 안드로이드 폰에 설치하여 실행하게 되면 나타나지 않을 수 있지만, iOS의 경우 앱을 배포하기 전까지는 패키지 형태로 설치하여 단독 실행이 불가능하므로 디버그 모드에서 디버그 배너가 표시되지 않도록 하는 방법이 필요한 경우가 있습니다.

 

#2  디버그 배너 표시 제거

디버그 표시를 제거하기 위한 방법은 매우 간단합니다. 다음과 같이 MaterialApp() 내에 debugShowCheckedModeBanner: false,
와 같이 디버그 배너 제거 코드 한 줄만 추가하면 없앨 수 있습니다.

--------------------------------------------------------------

@override
Widget build(BuildContext context) {
return MaterialApp(
    title: 'Flutter Demo',
    theme: ThemeData(primarySwatch: Colors.blue,),
    debugShowCheckedModeBanner: false,
    home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
}

--------------------------------------------------------------

기본적으로는 해당 코드가 작성되지 않은 상태로 true상태 입니다. 때문에 가상 디바이스 실행 시 디버그 배너가 나타나게 되는데, false값으로 작성함으로써 디버그 배너를 안보이도록 할 수 있습니다.

반대로 디버그 배너 표시를 다시 하기 위해서는 위의 한 줄을 제거하거나, 혹은 debugShowCheckedModeBanner: true 와 같이 false값을 true로 바꿔 주면 됩니다.