Last updated:
0 purchases
gridded pageview
gridded_pageview #
A simple flutter widget based on code used multiple private projects.
Pass a list of similar sized widgets to the GriddedPageView and set a preferred size to display them in a combination of GridView and PageView.
GriddedPageView distrubutes its children over these pages depending on the available size.
This widget uses page_indicator.
Usage #
Example (see example main.dart):
GriddedPageView(
controller: _controller,
preferredChildWidth: 160,
preferredChildHeight: 160,
children: List<Widget>.generate(20, (int index) {
return Container(
color: Color((Random().nextDouble() * 0xFFFFFF).toInt()).withOpacity(1.0),
);
}),
// overlapIndicator: false,
);
copied to clipboard
GriddedPageView accepts the following arguments:
controller (required): a PageController
children (required): a List of Widgets
minChildWidth (required): the minimum width of each child. Used to calculate how many columns can fit on a page
minChildHeight(required): the minimum height of each child. Used to calculate how many rows can fit on a page
onPageChanged: a callback used to report a page change
onPageAmountChanged: a callback used to report a change in the amount of pages
showIndicator: whether to show the page indicator (true by default)
overLapIndicator: whether the page indicator should overlap the children (true by default)
pagePadding: padding around the page content (GridView)
indicatorPadding: padding around the page indicator
indicatorColor: color of the page indicator
indicatorSelectorColor: color of the current page indicator
Contributing #
Feel free to ask questions, report issues, fork and create pull requests.
I will not maintain this actively beyond my specific needs, so don't expect me to implement new features.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.