【Flutter】画面右上のDEBUGバナー表示を消す

Flutterでアプリ開発している際、画面右上に「DEBUG」と表示されるバナーを消す方法を紹介します。

\ 世界最大級のオンライン学習サービス /

目次

右上に表示されるDEBUGバナーを消す方法

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, // <--ここ
      home: Scaffold(
        appBar: AppBar(
          title: Text('FlutterZero'),
        ),
      ),
    );
  }
}

右上に表示される「DEBUG」を消すにはMaterialAppdebugShowCheckedModeBannerを「false」にします。

MaterialAppのデフォルトでは「true」になっています。

debugShowCheckedModeBanner: true

debugShowCheckedModeBanner: false

  • URLをコピーしました!
目次