FLUTTER ECOSYSTEM

Prashant4900/page_grid

适用于 Flutter 的简单灵活的网格系统

page_grid 项目封面
Stars
5
Forks
0
最近推送(UTC)
2022年3月26日
项目状态
未归档
Prashant Nigam GitHub avatar
GITHUB User

Prashant Nigam ↗

Web and Mobile Developer

Tata Consultancy ServicesIndia官方网站 ↗
语言C++CMakeDartHTMLCSwiftKotlinObjective-C

技术话题

使用的依赖

依赖清单 4 项
  • flutter{"sdk":"flutter"}
  • nil^1.1.1
  • flutter_test开发依赖{"sdk":"flutter"}
  • flutter_lints开发依赖^1.0.0

原始 README

以下为英文项目原文快照,最新内容请访问 GitHub。

展开 / 收起项目 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),
)