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

scroll_snap_effect 표지
패키지 상세v0.1.0

scroll_snap_effect

간편한 스크롤 스냅 효과를 만들 수 있는 플러터 패키지

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
16
좋아요
26
Pub 점수
150

패키지 설치

flutter pub add scroll_snap_effect

패키지 개요

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

스크롤 가능한 위젯에서 스크롤 스냅 효과를 구현하는 것을 간편하게 만드는 플러터 패키지입니다. 스크롤 중 특정 위치로 부드럽고 정확하게 스냅되도록 하여 카루셀처럼 또는 세그먼트된 스크롤 인터페이스를 만들기에 적합합니다. 가볍고 기존의 ScrollView와 원활하게 통합되어 개발자들이 직관적인 탐색을 통해 사용자 경험을 향상시키는 데 도움을 줍니다. 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 모든 주요 플랫폼을 지원합니다.

사용 사례

  • 카루셀 또는 슬라이더 만들기
  • 세그먼트 스크롤 인터페이스 구축
  • 온보딩 화면 내 탐색 개선
  • 스냅 투 그리드를 사용한 이미지 갤러리 디자인
  • 탭 스크롤 뷰 구현

주요 기능

  • 스냅 동작을 위한 간단한 API
  • 다중 스크롤 방향을 지원
  • 부드러운 스냅 애니메이션
  • 크로스 플랫폼 호환성
  • ListView 및 PageView와의 간편한 통합
  • 사용자 정의 가능한 스냅 간격

적합한 대상

  • 인터랙티브 스크롤 기반 UI를 구축하는 개발자
  • 직관적인 스크롤 탐색을 찾는 디자이너
  • 그리드 정렬 스크롤이 필요한 앱
  • 다중 플랫폼을 대상으로 하는 프로젝트
  • 스크롤 효과를 위한 최소 설정을 원하는 팀

고려 사항

  • 복잡한 레이아웃에 맞게 조정이 필요할 수 있습니다
  • 비선형 스냅에 대한 사용자 정의 제한
  • 매우 큰 데이터 세트에 최적화되지 않음
  • 고정 크기 항목에 가장 적합
  • 무거운 위젯 트리에서는 성능이 달라질 수 있습니다

원본 README

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

cover

flutter paypal
A Flutter package to create easy animation scroll snap effect in ListView


  // Example itemSize
  // itemSize = child width (ex: 100) + child padding (ex: 16);
  // itemSize = 116
  ScrollSnapEffect(
      itemSize: 116,
      itemCount: 15,
      padding: const EdgeInsets.symmetric(horizontal: 20),
      onChanged: (index) {
        debugPrint('$index');
      },
      itemBuilder: (context, index) {
        return Padding(
          padding: const EdgeInsets.only(right: 16),
          child: SizedBox(
            height: 100,
            width: 100,
            child: ColoredBox(
              color: Colors.blue,
              child: Center(
                child: Text(
                  '$index',
                  style: const TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                  ),
                ),
              ),
            ),
          ),
        );
      },
    ),

Example Scroll Snap Effect

output


🚧 Maintener

account avatar
Farhan Fadila
📫 How to reach me: farhan.fadila1717@gmail.com

❤️ Suport Maintener

paypal badge linktree

카테고리

소스 저장소

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

아직 데이터가 없습니다.