Member-only story

Material Design 3 Widget You Have Not Heard Of

Fred Grott
5 min readMar 7, 2022

--

With Material Design 3 finally making it into the Flutter SDK, you need to implement this Widget I will be telling you about; as it handles another core Material Design 3 feature not explicitly in the Flutter SDK.

Missing Material Design 3 In Flutter SDK

While you slept, text-scaling became one of important typography features of Material Design 3 in that you are supposed to adjust the text scaling by device form. Now, do you see any implement directions here:

No? Let’s see how to implement this.

Implementation

The first part of this, is how do we detect different screen break-points, as those indicate in general what bucket to put our text scaling into. To do this, we will use the adaptive breakpoints package:

--

--

Fred Grott
Fred Grott

No responses yet