blitz-time アプリ開発ブログ

Androidアプリ開発などのTips集

【Flutter開発】新規プロジェクト作成時のお決まりごと

デバッグモードのバナーの非表示

スクショ撮る時など、デバッグモードで出てくるバナー表示は邪魔なので初めから非表示にしておく。
「debugShowCheckedModeBanner: false」を追加する。

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'タイトル',
      theme: ThemeData(
        fontFamily: 'NotoSans',
        primarySwatch: Colors.green,
        primaryColor : Colors.white,   //  キャプション色
        canvasColor : Colors.white,   //  背景色
      ),
      home: AppHome(),
    );
  }
}

画面向きを縦固定にする。

特別なことがない限り、画面横向き対応は面倒なので、縦向き固定にする。
runAppを実行する前に、下記の処理を追加する。

Future<void> main() async {
  // runAppを呼ぶ前に初期化
  WidgetsFlutterBinding.ensureInitialized();

  // 画面の向きを固定.
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
  ]);

  runApp(MyApp());
}