FLUTTER ECOSYSTEM

shiburagi/Coordinator-Layout---Flutter

ライブラリには、折りたたみヘッダーの動作を処理するためのウィジェット/レイアウトが含まれています

Stars: 4
Forks: 0
最終プッシュ（UTC）: 2024/03/08
プロジェクト状態: 公開中

GITHUB User

Muhammad Norzariman Razari ↗

I graduated from UiTM with a Bachelor's degree in Intelligent System. Really fall in love with Mobile Dev and current working as Mobile Application Developer.

@XenditPetaling Jaya, Selangor, Malaysia

言語DartSwiftKotlinObjective-C

技術トピック

# coordinatorlayout # appbar # header

このリポジトリが公開するパッケージ

v1.0.1

coordinator_layout

ライブラリには、折りたたみヘッダーの動作を処理するためのウィジェット/レイアウトが含まれています

4いいね 5930日間ダウンロード150Pub ポイント

AndroidiOSWebmacOSWindowsLinux

使用している依存関係

依存関係一覧 2 件

flutter{"sdk":"flutter"}
flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

coordinator_layout

pub package

a Library contains widget/layout to handle collapsing header behavior

Alt Text

Example

CoordinatorLayout(
    headerMaxHeight: 200,
    headerMinHeight: kToolbarHeight + MediaQuery.of(context).padding.top,
    headers: [
        SliverCollapsingHeader(
            builder: (context, offset, diff) {
                return ...;
            },
        ),
    ],
    body: Container(height: null, child: buildBody(context)),
),

Fit content

CoordinatorLayout(
    headerMaxHeight: 200,
    headerMinHeight: kToolbarHeight + MediaQuery.of(context).padding.top,
    header:[ 
        Builder(builder: (context) {
            return SliverOverlapAbsorber(
            handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
            sliver: SliverSafeArea(
                top: false,
                sliver: SliverCollapsingHeader(
                builder: (context, offset, diff) {
                    return ...;
                },
                ),
            ),
            );
        }),
    ],
    body: Container(height: null, child: buildBody(context)),
),