Materialデザインは、Googleのデザイナーと開発者によって構築され、サポートされているオープンソースのデザインシステムです。
最新バージョンであるMaterial3は、ダイナミックカラーやアクセシビリティの強化から、大画面レイアウトの基盤やデザイントークンに至るまで、パーソナルで適応型で、表現力豊かな体験を可能にします。
注意:
Flutter 3.16リリースでは、Material3がデフォルトで有効になっています。
useMaterial3プロパティをfalseに設定すると、Material3は非使用になります。
※しかし、useMaterial3プロパティとMaterial2のサポートは、Flutterの非推奨ポリシーに従って、最終的に非推奨となることに注意して下さい。
殆どのFlutterウィジェットでは、Material3へのアップグレードはシームレスです。
しかし、いくつかのウィジェットはアップデートできず、NavigationBarのようにまったく新しい実装が必要となり、手動でコードを変更する必要があります。アプリが完全にアップデートされるまでは、UIの見た目や動作が少しおかしくなるかもしれません。影響を受けるウィジェットのページで、全く新しいマテリアルコンポーネントを見つけることができます。
インタラクティブなMaterial3デモ
で、更新されたコンポーネント、タイポグラフィ、カラーシステム、立面図のサポートを参照できます。
その他の情報:
- Material.io 開発者向けドキュメント
- Flutter アプリを Material 3 に移行する方法(Taha Tesser によるブログ投稿)
- GitHub の包括的な問題