ducafecatFlutter ecosystem guide
FLUTTER ECOSYSTEM

shiburagi/Coordinator-Layout---Flutter

a Library contains widget/layout to handle collapsing header behavio

View on GitHub ↗
Coordinator-Layout---Flutter project cover
Stars
4
Forks
0
Last push (UTC)
Mar 8, 2024
Project status
Active
Muhammad Norzariman Razari GitHub avatar
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
LanguagesDartSwiftKotlinObjective-C

Technical topics

# coordinatorlayout# appbar# header

Packages published by this repository

Dependencies used

Dependency list 2 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project 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)),
),