The Most Important Material Design 3 Update To Flutter 3 In 2022

This Material Design 3 update somewhat was under-the-radar, as it was something pursued as a summer project by the Flutter team. While we certainly had an adaptive scaffold for material design 2 from the material-IO-team, it lacked some integrations dealing with foldables, etc. The new updated one to Material Design 3 is called Flutter Adaptive Scaffold and I will show you how to use it.

In summer of 2022 Google shared a new design doc on the Material Design 3 adaptive scaffold patterns.

With Material Design 3 the adaptive scaffold pattern changed to treating content and navigation parts as slots. The change comes in handling the adaptive part logic via something other than if-then logic, so that things show up in the widget tree.

Picture it this way:

At it’s core, the adaptive layout and other constructs assist the adaptive scaffold in adapting to platform form in both content and navigation areas.

Onward to setting up the package and seeing what it can do.

First, a little known tip. Some widget packages at times appear outside the Flutter…