two_pane_view

Description:

two pane view

Two Pane View Layout for two size of layout to achieve good UI look and feel for different screen sizes.
Features #
With TwoPainView you can get the same behavior of two pane view layout in windows app.
Give two cells the ratio it shall occupy at every size category assuming the total width is 12 (by default).
Getting started #
Usage #
double screenSize = MediaQuery.of(context).size.width;
const twoPane = MaterialApp(
home: Row(
children: <Widget> [
TwoPaneView(
leftPane: Responsive.xs.narrower(screenSize)
? nil : const Text('Left Pane'),
rightPane: const Text('Right Pane'),
ratio: 3,
screenBreakpoint: Responsive.xs,
padding: const EdgeInsets.only(left: 20.0, right: 20.0)
),
],
),
);
copied to clipboard
Additional information #

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter