ducafecatFlutter 생태계 탐색
FLUTTER ECOSYSTEM

shiburagi/Coordinator-Layout---Flutter

라이브러리는 접히는 헤더 동작을 처리하는 위젯/레이아웃을 포함합니다

GitHub에서 보기 ↗
코디네이터 레이아웃 --- 플러터 프로젝트 이미지
Stars
4
Forks
0
최근 푸시(UTC)
2024. 3. 8.
프로젝트 상태
활성
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
언어DartSwiftKotlinObjective-C

기술 주제

# coordinatorlayout# appbar# header

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 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)),
),