Challenges In Flutter Cross Platform Design

Challenge, or should I say headache? The general idea is, while we may have our color role adjustments per screen. The cross-platform adjustments for the screen size and device form should somehow be made to occur at the AppRoot widget.

You might not see it yet in your mind’s eye, but that will decouple the adaptive navigation shared scaffold mess into something somewhat more declarative in its implementation.

AND, I want something that I can adjust to handle edge cases, like the Android split screen and adjusting for switching in mobile from landscape to portrait.

What I Have Tried Thus Far

So my first step was to apply a layout builder at the shared scaffold.

The layout builder implementation is:

But that only gives me access to adjusting to screen sizes at the shared scaffold.

What if I switch the layout builder to the AppRoot widget by wrapping that in another widget?