[読書会]Flutter向けマテリアルデザイン

Materialデザインは、Googleのデザイナーと開発者によって構築され、サポートされているオープンソースのデザインシステムです。

最新バージョンであるMaterial3は、ダイナミックカラーやアクセシビリティの強化から、大画面レイアウトの基盤やデザイントークンに至るまで、パーソナルで適応型で、表現力豊かな体験を可能にします。

注意:
Flutter 3.16リリースでは、Material3デフォルトで有効になっています。
useMaterial3プロパティをfalseに設定すると、Material3は非使用になります。

※しかし、useMaterial3プロパティとMaterial2のサポートは、Flutterの非推奨ポリシーに従って、最終的に非推奨となることに注意して下さい。

殆どのFlutterウィジェットでは、Material3へのアップグレードはシームレスです。
しかし、いくつかのウィジェットはアップデートできず、NavigationBarのようにまったく新しい実装が必要となり、手動でコードを変更する必要があります。アプリが完全にアップデートされるまでは、UIの見た目や動作が少しおかしくなるかもしれません。影響を受けるウィジェットのページで、全く新しいマテリアルコンポーネントを見つけることができます。

インタラクティブなMaterial3デモで、更新されたコンポーネント、タイポグラフィ、カラーシステム、立面図のサポートを参照できます。

その他の情報:

コメントを残す