Google Has Adaptive Scaffold And Canonical Layouts Wrong

This is highly opinionated way to do in cross-platform and even supporting foldable devices!

Let me explain this in short words. Why is none of the demo apps show ever using Flutter Adaptive Scaffold? If Google had simply tried that, they would have found that the flutter adaptive scaffold package does not play well with any router package.

Even worse, if they attempted to use it in conjunction with Microsoft’s dual screen package they would have also found that they over-engineered it in the wrong direction.

The software and app engineering lesson here is if you come up with a code solution covering some use cases; then fully build real apps with those use cases to ensure the solution is right.

The Adaptive Scaffold Approach To Use

First, we put this FoldObserver:

In the MaterialApp NavigatorObserver slot: