FLUTTER ECOSYSTEM

Prashant4900/page_grid

Flutter用の簡単で柔軟なグリッドシステム

GitHub で見る ↗

page_grid のプロジェクト画像

Stars: 5
Forks: 0
最終プッシュ（UTC）: 2022/03/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),
)