New In Flutter 3 And Material Design 3, Filled Buttons

Want a brand new Flutter Widget? How about the new Flutter 3 Filled Buttons? Let me show you how to implement them.

What Are We Building

So in my new UX workflow, this what the filled buttons UX looks like:

That emulates what is in the material design 3 spec for filled buttons:

Common buttons - Material Design 3

The key to this is that the plain filled button is just a revamped text button, and the filled tonal button is just a revamped outlined button. Let me show you the implementation trick.

The Implementation Trick

Specific groups of flutter widgets have specialized Inherited Themes that word just like inherited widgets in that they allow a theme to be referred to from the widget tree. In short words, it…