https://github.com/shiburagi/coordinator-layout---flutter

a Library contains widget/layout to handle collapsing header behavio
https://github.com/shiburagi/coordinator-layout---flutter

appbar coordinatorlayout header

Last synced: 10 months ago
JSON representation

a Library contains widget/layout to handle collapsing header behavio

• Host: GitHub
• URL: https://github.com/shiburagi/coordinator-layout---flutter
• Owner: shiburagi
• License: mit
• Created: 2020-05-16T23:46:55.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-03-08T11:04:31.000Z (over 2 years ago)
• Last Synced: 2025-04-08T23:26:38.502Z (about 1 year ago)
• Topics: appbar, coordinatorlayout, header
• Language: Dart
• Homepage:
• Size: 471 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# coordinator_layout

[![pub package](https://img.shields.io/pub/v/coordinator_layout.svg)](https://pub.dartlang.org/packages/coordinator_layout)

a Library contains widget/layout to handle collapsing header behavior

![Alt Text](https://raw.githubusercontent.com/shiburagi/Coordinator-Layout/master/preview/gif1.gif)

## Example

```dart

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

```dart

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)),

),

```