🦔

Flutter「DEBUG」というバナーを消す方法

2022/11/08に公開

実行すると画面の右上に「DEBUG」という文字が表示される

削除方法

materialAppのdebugShowCheckedModeBannerオプションを使ってfalseに設定。

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, //この行を追加
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

無事に「DEBUG」のバナーが消えました。

Discussion