분류, 패키지 및 저장소 검색

stacked_card_carousel 표지
패키지 상세v0.0.4

stacked_card_carousel

수직 캐러셀과 겹쳐진 카드를 생성하는 위젯입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
1.6천
좋아요
224
Pub 점수
150

패키지 설치

flutter pub add stacked_card_carousel

패키지 개요

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

수직 카루셀을 생성할 수 있는 플러터 위젯으로, 시각적으로 매력적인 콘텐츠를 전시하는 데 이상적입니다. 부드러운 스크롤링과 카드 레이어링을 지원하며, 깊이와 간격을 사용자 정의할 수 있습니다. 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 모든 주요 플랫폼에서 호환됩니다. 복잡한 구현 없이 우아하고 상호작용 가능한 카드 기반 인터페이스를 원하는 개발자를 위한 것입니다. 간단한 pub add 명령어로 기존 플러터 프로젝트에 쉽게 통합할 수 있습니다.

사용 사례

  • 이미지 갤러리 표시
  • 제품 목록 전시
  • 사용자 프로필 표시
  • 인터랙티브 온보딩 화면 만들기
  • 카드 기반 대시보드 만들기

주요 기능

  • 수직 스택 레이아웃
  • 스무스 스크롤 상호작용
  • 사용자 정의 가능한 카드 깊이 및 간격
  • 플랫폼 독립적 설계
  • Flutter와의 간편한 통합
  • 제스처 기반 탐색 지원

적합한 대상

  • 모바일 앱 사용자 인터페이스
  • 웹 애플리케이션 인터페이스
  • 인터랙티브 프로토타입
  • 콘텐츠가 풍부한 애플리케이션
  • 디자인 중심의 플러터 프로젝트

고려 사항

  • 대규모 데이터 세트에 대한 성능 최적화가 필요할 수 있습니다
  • 카드 레이아웃이 아닌 경우 사용자 정의가 제한적
  • 수평 카드 흐름에 적합하지 않음
  • 중간 카드 수에 가장 적합
  • 애니메이션 상태를 신중하게 다뤄야 합니다

원본 README

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

stacked_card_carousel

A widget for creating a vertical carousel with stacked cards.

cardsStack fadeOutStack

📱 Usage

  1. Import package in your file
import 'package:stacked_card_carousel/stacked_card_carousel.dart';
  1. Use StackedCardCarousel widget
  StackedCardCarousel(
      items: cards,
  );

🎛 Attributes

Attribute Data type Description Default
items List List of card widgets. -
type StackedCardCarouselType A type of cards stack carousel. cardsStack
initialOffset double Initial vertical top offset for cards. 40.0
spaceBetweenItems double Vertical space between items. Value start from top of a first item. 400.0
applyTextScaleFactor bool If set to true scales up space and position linearly according to text scale factor. Scaling down is not included. true
pageController PageController Use it for your custom page controller. PageController()
onPageChanged void Function(int pageIndex) Listen to page index changes. null

💻 Author

Grigori Hlopkov - GitHub

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.