How to implement the similar effects like iOS SplitView in flutter

Question

SplitView provides better experience when using landscape orientation or tablet devices.
iOS UISplitViewController class and Android Fragments have the similar effects when orientation changed to landscape. looks like this img.
Then using flutter how can I implement such a SplitView?

Answer 1

You can follow this tutorial from FilledStacks on how to handle different screen sizes along with different orientations.

https://www.youtube.com/watch?v=udsysUj-X4w

Written version here: https://www.filledstacks.com/post/building-a-responsive-ui-architecture-in-flutter/

The same guy also wrote a Flutter package to help dealing with screen size and orientations stuff so you can have a responsive design.

Link to repo: https://github.com/FilledStacks/responsive_builder

So if I understand your question, you can achieve the same results of a master/detail view using the same concept.