Flutter 右上のDEBUG消し方

2021/06/13 8:11 · Kishimoto

この記事はZennに過去私が投稿していた記事になります。 -> 過去記事

結論

経緯より先に結論！！　

debugShowCheckedModeBanner: false,

上記の記述を加えるだけ。

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

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

チュートリアルで言うとこんな感じ。

経緯

appBarにIconButtonを追加したのはよかったんだけどDEBUGと被っててうざかったんだよね。

ただそれだけ・・・・

actions: <Widget>[
  IconButton(
    onPressed: _tweet,
    icon: const Icon(
      Icons.share,
      color: Colors.white,
    ),
  ),
],