FLUTTER ECOSYSTEM

Prashant4900/page_grid

Easy and flexible grid system for Flutter

View on GitHub ↗

page_grid project cover

Stars: 5
Forks: 0
Last push (UTC): Mar 26, 2022
Project status: Active

GITHUB User

Prashant Nigam ↗

Web and Mobile Developer

Tata Consultancy ServicesIndiaOfficial website ↗

LanguagesC++CMakeDartHTMLCSwiftKotlinObjective-C

Technical topics

# flutter # flutter-package # pub-dev

Dependencies used

Dependency list 4 items

flutter{"sdk":"flutter"}
nil^1.1.1
flutter_testDevelopment{"sdk":"flutter"}
flutter_lintsDevelopment^1.0.0

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

Page Grid

https://user-images.githubusercontent.com/62440911/160253683-3c3f9419-8347-40d7-89ad-85671a3872b3.png

Demo

flutter_flex

How to use

Create Page Grid


PageGrid(
    head: Container(color: Colors.yellow),
    body: Container(color: Colors.red),
    footer: Container(color: Colors.pink),
)

Mirror Page Grid


PageGrid(
    mirror: true,
    head: Container(color: Colors.yellow),
    body: Container(color: Colors.red),
    footer: Container(color: Colors.pink),
)

Customize Grid


PageGrid(
    mirror: true,
    mobileFlex: const BodyFlex(footer: 0),
    desktopFlex: const BodyFlex(),
    head: Container(color: Colors.yellow),
    body: Container(color: Colors.red),
    footer: Container(color: Colors.pink),
)