zhuangsirui / flutter_split_view

Navigator 2.0 based Flutter widget that automatically splits the screen into two views based on available space.

flutter_split_view

A Navigator 2.0 based Flutter widget that automatically splits the screen into two views based on available space.

Usage

MaterialApp(
    title: 'SplitView Demo',
    home: SplitView.material(
        child: MainPage(),
    ),
);

Cupertino:

CupertinoApp(
    title: 'SplitView Demo',
    home: SplitView.cupertino(
        child: MainPage(),
    ),
);

Navigating

Push

SplitView.of(context).push(SecondPage());

Push with an optional title, which will be used as the back button's title in Cupertino:

SplitView.of(context).push(
    SecondPage(),
    title: 'Second',
);

Pop

SplitView.of(context).pop();

Pop until the n-th page:

SplitView.of(context).popUntil(1);

Set the page displayed in the secondary view

SplitView.of(context).setSecondary(SecondPage());

This will clear the stack and push the new page, making it the second page in the stack.

Get whether the secondary view is visible

SplitView.of(context).isSecondaryVisible;

Example

• example/lib/main.dart
• example/lib/main_cupertino.dart