🔖

Flutter 右上のDEBUG消し方

2021/06/13に公開

結論

経緯より先に結論!!

debugShowCheckedModeBanner: false,

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

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

  
  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,
    ),
  ),
],

Discussion