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

패키지 상세v1.0.3

flutter_mobile_carousel

Flutter 카루셀 슬라이더 위젯으로 드래그 앤 드롭 애니메이션을 사용하여 셀을 렌더링할 수 있습니다.

30일 다운로드
30
좋아요
24
Pub 점수
25

패키지 설치

flutter pub add flutter_mobile_carousel

패키지 개요

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

스크롤 가능한 셀을 렌더링하기 위해 부드러운 드래그 앤 드롭 애니메이션을 가능하게 하는 플러터 카라셀 슬라이더 위젯입니다. 인터랙티브하고 시각적으로 매력적인 콘텐츠 표시를 위한 것으로, 부드러운 전환 효과와 함께 수평 또는 수직 스크롤을 지원합니다. 이미지, 제품 또는 카드를 동적이고 사용자 친화적인 방식으로 보여주는 데 이상적입니다. 패키지는 가볍고 기존 플러터 프로젝트에 쉽게 통합할 수 있습니다. 반응성 있는 상호작용을 위해 네이티브 제스처 처리를 활용하여 직관적인 스와이프 기반 탐색이 필요한 앱에 적합합니다.

사용 사례

  • 이미지 갤러리 표시
  • 제품 캐러셀 표시
  • 인터랙티브 온보딩 화면 만들기
  • 카드 기반 콘텐츠 제시
  • 커버 플로 인터페이스 구축

주요 기능

  • 드래그 앤 드롭 애니메이션 지원
  • 스무스 스크롤 전환
  • 사용자 정의 가능한 셀 렌더링
  • 제스처 반응형 디자인
  • 경량이며 쉽게 통합 가능

적합한 대상

  • 시각 콘텐츠를 갖춘 모바일 앱 UI
  • 전자상거래 제품 전시
  • 온보딩 경험
  • 인터랙티브 미디어 갤러리
  • 스와이프 기반 탐색 패턴

고려 사항

  • 제한된 플랫폼별 사용자 지정
  • 내장된 페이지네이션 표시기 없음
  • 대규모 데이터셋을 수동으로 처리해야 합니다
  • 매우 높은 프레임 속도에 최적화되지 않음
  • 복잡한 레이아웃을 위해 추가 스타일링이 필요할 수 있습니다

원본 README

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

Flutter carousel

Flutter carousel slider widget, allow render cells with Drag-and-drop animation.

Features

  • Easy to use API
  • Drag and drop without lags
  • Uniformly accelerated motion animation
  • Available customize carousel cells and background
  • Auto size cells by horizontal
  • Fix cells count
  • Motion event handling

Installation

Add flutter_mobile_carousel: ^1.0.2 in your pubspec.yaml dependencies. Import the library via:

import 'package:flutter_mobile_carousel/carousel.dart';

Run example

In repository directory run this commands in terminal:

cd example
flutter run

demo.gif

Usage

Create simple Carousel widget:

Carousel(
  rowCount: 3,
  children: [
    'Item 1',
    'Item 2',
    'Item 3',
    'Item 4',
    'Item 5',
    'Item 6',
  ].map((String itemText) {
    return DefaultCarouselItem(itemText);
  }).toList()
),

You can watch more examples in example directory

카테고리

소스 저장소

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

아직 데이터가 없습니다.