このページには広告が含まれる場合があります。
2023年11月にFlutterのSDKのバージョンが3.16にアップデートされましたが、
Material 3 by default, Impeller preview for Android, DevTools extensions, and much more
その中で大きな変更があったのが、Flutterアプリを作る際に（性格にはMaterialAppで作る際に）使用するデフォルトのデザインガイドライン（Google先生が推奨するデザインガイドラインである「マテリアルデザイン」）のバージョンが「Material 2」から「Material 3」に変更されたことでした。
この変更によって、Flutterのバージョン3.16以前で作っていたプロジェクトを3.16にアップデート後にビルドすると、何もコードを変更していないのに見た目が変わってしまうという現象が起こってしまいます。
（Flutterバージョン3.16未満で作った状態）
（Flutter3.16にバージョンアップすると）
Material 3になると全体的にダークモードの場合はトーンが暗くなったり、ボタンの色や形が変わっていたりしますが、それ以上にやっかいなのが行間が広くなってしまったことによって、デザインが崩れてしまう可能性があるということです。
（FlutterにおけるMaterial 2とMaterial 3の比較の詳細はこちらから確認できます）
A new Flutter project.
「Material 2」から「Material 3」への移行ガイドは、Flutterの公式リファレンスにも記載がありますが、
Learn how to migrate your Flutter app's UI from Material 2 to Material 3.
移行作業が面倒なので、元の「Material 2」の見た目の状態に戻したい場合は、以下の要領で「ThemeData#useMaterial3」プロパティを「false」にすると戻すことができます。
（詳しくは、以下の動画で解説していますので、よろしければご覧ください）
