It’s Not Flutter State Management Until You Have A State Graph

Part of late Material Design 2 and the new Material Design 3 is Material Motion during state transitions. To get integrated with those animation transitions, you need some way to trigger the state change in the UI as far as infrastructure of the app. This is where a state graph comes in, let me show you how.

What Are We Building

Here is a video of what we are building:

Nice and simple in that it shows a transition triggered by pressing the button login. And we require a full state graph because we are not only focused on navigation transitions; but also user initiated app state changes that do not always involve navigation to a new screen.

First up I, quick and dirty, created a simplified API and repo:

The API