stacked_page_view

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

StackedPageView는 수직 캐러셀을 만들기 위해 설계된 가벼운 Flutter 패키지로, 중첩된 계층 효과를 제공합니다. 시각적으로 매력적인 겹치는 레이아웃으로 페이지를 부드럽게 스크롤할 수 있습니다. 코드 크기가 약 109줄로 매우 간결하고 효율적입니다. Android, iOS, Web, macOS, Windows, Linux 등 다양한 플랫폼을 지원하여 크로스플랫폼 애플리케이션에 유용합니다. 이미지, 카드, 슬라이드 등의 콘텐츠를 매력적으로 소개하는 데 적합합니다.

사용 사례

수직 이미지 캐러셀 만들기
계층적 콘텐츠 카드 표시
인터랙티브 슬라이드 쇼 만들기
온보딩 화면 개선
모바일 앱 인트로 디자인
제품 쇼케이스 발표

주요 기능

최소 코드베이스 (~109줄)
수직 스택 레이아웃
스무스 스크롤 전환
크로스 플랫폼 지원
경량 성능
사용자 정의 페이지 정렬

적합한 대상

경량 카루셀 솔루션을 찾는 개발자
계층적인 시각적 효과를 원하는 앱 디자이너
간단하면서도 우아한 페이지 전환을 필요로 하는 프로젝트
콘텐츠 중심 인터페이스를 갖춘 모바일 및 웹 앱
빠르게 인터랙티브 UI 프로토타이핑하기

고려 사항

기능이 풍부한 컬러셀과 비교해 사용자 정의 옵션이 제한되어 있음
내장된 페이지네이션 표시기 없음
간단한 스택 레이아웃에 가장 적합
복잡한 디자인을 위해 추가 스타일링이 필요할 수 있습니다
수평 카루셀에는 적합하지 않습니다
고급 제스처를 위해 외부 패키지에 의존합니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Stacked Page View!

flutter dart

pub.dev/stacked_page_view

Hi! This package will create stacked page view in your flutter app. it's as lightweight as it can get⚡⚡ .

Just wrap it between your PageView builder and the iterable children like the code below.

PageView.builder(
        itemCount: 10,
        scrollDirection: Axis.vertical,
        controller: pageController,
        itemBuilder: (context, index) {
          return StackPageView(
            controller: pageController,
            index: index,
            child: Container(
              color: (colors..shuffle()).first,
              child: Center(
                child: Text(
                  '$index',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 25,
                  ),
                ),
              ),
            ),
          );
        },
      )

패키지, 저장소 및 앱 카테고리 검색

패키지 설치