Flutterのテーマについて学ぶ

重複しているコードを無くす ページごとに、AppBarにスタイルを適用して、背景色を変えたり、文字の色を変えていたりしたが、これでは無駄なコードが増えてしまう🤔 他にも端末がiPhoneとAndroidだと、タイトルが左にずれていたりする現象が起きたりする。 デフォルトの状態だとこんな風になる iPhoneだと違和感はないけど Androidだと タイトルがずれている！ 他にも下の階層のページの色も統一したいなと考えたりします。どすればいいのかというと、main.dartのMaterialAppにテーマを定義します。 こうしてあげる事で、アプリの色を統一したり、端末がAndroidの場合は、タイトルを中央寄せにする設定を適用することができます。 MaterialAppの公式の解説 このように設定を追加すると、Androidでもタイトルは中央寄せになるし、他のページもAppBarの色が指定