Flutterでアプリ全体のデザインを一括設定｜山本真矢＠アプリ開発の専門家｜note

こんにちは、株式会社Pentagon代表の山本です。

アプリ全体に関わるデザインはThemeDataで設定する

AppBarの色や画面の背景色などは、各画面で毎回設定する必要はありません。ThemeDataを上手く使うことでアプリ全体のデザインを一発で設定することができます。

GetMaterialApp(
    // テーマ設定
    theme: ThemeData(
        appBarTheme: AppBarTheme(
           color: colorBgLight,
           centerTitle: true,
           iconTheme: const IconThemeData(color: colorGray69),
           elevation: 0,
           textTheme: TextTheme(
             // AppBarに利用されるテーマ
             headline6: textStyle(
               [
                 primary,
                 fontSize20,
               ],
             ),
           ),
         ),
         scaffoldBackgroundColor: colorBgLight,
       ),
   ),
   //以下省略...

なるべくThemeDataで管理するのがおすすめです。