Flutterアプリのスクショでdebugラベルを消す方法（iOS）

Flutterアプリを開発中にiOSシミュレーターで実行すると、画面左上に”DEBUG”というラベルが出てくる。

これはFlutterがデバッグビルドであることを示すために自動で表示している。

読者

え、これApp Storeに出したらやばいやつ？

安心してOK。本番用のビルド（ReleaseやProfile）ではこのラベルは自動で非表示になる。

ただし、スクショを撮るときは明示的に”–release”指定するか、Xcode側でReleaseビルドにしておこう。

ごりら

スクショはリリースビルドで！それが鉄則。

Flutter CLIから以下のコマンドでiOSリリースビルドを作成して、実機にインストールしよう：

flutter build ios --release
flutter install

読者

シミュレーターでリリースビルド動かせないの？

Flutterプロジェクトのios/Runner.xcworkspaceをXcodeで開く。

スキームを”Runner (Release)”に変更してから、Simulatorまたは実機でビルド＆実行すればOK。

ごりら

ビルド設定変えるだけで表示消えるぞ。

Widgetツリー内でdebugShowCheckedModeBanner: falseを設定することで、debugラベルは一時的に消せる：

return MaterialApp(
  debugShowCheckedModeBanner: false,
  home: MyHomePage(),
);

読者

これ入れとけば常に消せるってこと？

ただしこれはあくまで見た目の回避なので、本番ビルドを使うのがベスト。

デバッグ中にラベルを意図的に消すのは、後で混乱を招く原因にもなる。

ごりら

リリース用はリリースビルドで！基本守ろう。

まとめ

Flutterでdebugラベルを消すには、正しいビルド設定（Release）を使うのがベスト。

どうしても表示したくないときはdebugShowCheckedModeBanner: falseを使えば消せるけど、常用は避けよう。

ごりら

迷ったらコマンド：flutter build ios --releaseが正解だ！