FLUTTER ECOSYSTEM

Prashant4900/page_grid

適用於 Flutter 的簡單靈活的網格系統

在 GitHub 查看 ↗

page_grid 專案封面

Stars: 5
Forks: 0
最近推送（UTC）: 2022年3月26日
專案狀態: 未封存

GITHUB User

Prashant Nigam ↗

Web and Mobile Developer

Tata Consultancy ServicesIndia官方網站 ↗

語言C++CMakeDartHTMLCSwiftKotlinObjective-C

技術主題

# flutter # flutter-package # pub-dev

使用的依賴

依賴清單 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),
)