見出し画像

Flutterで右上の"DEBUG"を消す方法

Flutterでアプリ開発してると、エミュレータの右上に"DEBUG"という帯が出てきます。
実機でbuildして人に見せる際、この帯が邪魔だったので消し方を調べました。

方法

main.dartのbuildファンクションに
”debugShowCheckedModeBanner: false”
を追加するだけ。

class MyApp extends StatelessWidget {

  // 省略...

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      debugShowCheckedModeBanner: false, // これを追加するだけ
      
      title: ...,
      theme: ...,
      home: ...,
    );
  }

これでdebugすると、右上の帯が消えて表示されます。

この記事が気に入ったらサポートをしてみませんか?