Branding The Right Flutter AppBar

Fred Grott
8 min readOct 4, 2021

One of the secrets of Adaptive Navigation is which component becomes the brand centerpiece rather than the navigation centerpiece. You cannot tell from the Flutter 2.5 app skeleton, as Google decided to leave out Flutter Design Best Practices out of that app template.

If you look at the Material.io team’s adaptive components example:

They show just the plain appbar. That is not the one to use, obviously.

Let me step you through how to get one and the branding techniques. The one we are building is this one:

This particular example is in the sliverappbar_one subfolder of this repo:

--

--

Fred Grott
Fred Grott

No responses yet