Multi Screen Layout for Flutter

A collection of Widgets that make multi screen user experiences easy to build

Supported Devices

  • x Surface Duo
  • Galaxy Z Fold
  • Galaxy Z Flip

If you know of other devices that could support multi screen layouts, please submit a PR and add them to this list.

Layouts

TwoPageLayout

Displays two Widgets, one per screen, on a dual screen device when the app is being spanned across both screens. This is designed to be used to accomplish Two Page, Dual View, and Companion Pane dual screen app patterns.

On a non multi screen device, or when the app is only running on a single screen, only the first page will display.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return TwoPageLayout(
      child: Scaffold(body: Center(child: Text('Hello from page 1!'))),
      secondChild: Scaffold(body: Center(child: Text('Hello from page 2!'))),
    );
  }
}

Two Page 1

Two Page 2

Documentation

Libraries

multi_screen_layout