Material Design 3 on flutter

Kururu
1 min readSep 27, 2022

--

Material Design is an adaptable system of guidelines

it is collective work made by the combination of designers and developers

Material 3 includes updated theming and components and Material You personalization features like dynamic color, and is designed to be cohesive with the new Android 12 visual style and system UI

if you add M3 to your project it will affect many aspects like : Colors , Typography , Style ,..etc

How To Add Material Design 3 to you Flutter Project?

well , according to official docs:

The Flutter team is currently working on Material Design 3 support for Material Components widgets.

but if you are in flutter 3 you can use material design just by adding a single line of code

in the MaterialApp class’s theme you can use useMaterial3

which is boolean value to detect if you need to apply M3 in your desin it is false by default.

MaterialApp(theme:ThemeData(
useMaterial3: true ,
))

--

--