Hidden Choreographer Of Flutter Screen Animation

The name of the game here, is to see if we can out design the two top presenters of Flutter conferences; namely, GSkinner and Very Good Ventures. One way to do that is to do a better job of choreographing screen animation. What I am going to show is some Flutter SDK components that can be re-purposed to be a screen animation choreographer.

The Shared Scaffold Pattern

The whole reason we usually implement the shared scaffold as a stateful widget is that we have to set the state of the navigation bar chosen item so that a re-build of the navigation bar occurs. If we modify the shared scaffold pattern we can then implement it as a sort of global scroll controller notifier in which its parameters can be used in animation packages such as the GSkinner’s Flutter Animate package to animate everything in the screen based on the user scroll position which then makes the scroll the choreographer of screen animation.

But, we have a problem as a scroll controller listener normally cannot be listen to until attached to ListViews per issue 20819: