sliding_card

패키지 개요

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

슬라이딩 카드는 부드러운 슬라이딩 전환 효과를 갖춘 애니메이션 카드를 만들기 위해 설계된 사용자 정의 가능한 Flutter 패키지입니다. 개발자가 사용자 제스처에 동적으로 반응하는 인터랙티브 UI 요소를 구축할 수 있게 해주며, 모바일 애플리케이션의 시각적 매력을 향상시킵니다. 사용자 정의 애니메이션과 스타일링을 지원하므로, 온보딩 화면, 제품 쇼케이스 또는 인터랙티브 목록과 같은 스와이프 가능한 카드 인터페이스 구현에 이상적입니다. 이 패키지는 가볍고 기존의 Flutter 프로젝트에 원활하게 통합됩니다.

사용 사례

온보딩 화면
제품 캐러셀
인터랙티브 목록 항목
스와이프 가능한 콘텐츠 카드
제스처 기반 사용자 인터페이스

주요 기능

사용자 정의 가능한 슬라이딩 애니메이션
제스처 상호작용 지원
높은 구성 가능성을 가진 카드 스타일
부드러운 전환 효과
Flutter와의 간편한 통합

적합한 대상

인터랙티브 UI를 구축하는 개발자
동적 카드 컴포넌트를 찾는 디자이너
스와이프 기반 탐색을 필요로 하는 앱
손짓 중심 인터페이스 프로토타이핑
시각적 피드백을 강조하는 프로젝트

고려 사항

제한된 플랫폼별 최적화
내장된 접근성 기능 없음
경계 사례에 대한 수동 처리가 필요합니다
추가 상태 관리가 필요할 수 있습니다
복잡한 중첩 레이아웃에 최적화되지 않음

원본 README

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

Sliding Card

Introduction

Sliding card is a highly customizable flutter package that will help you create beautiful Cards with a sliding animation effect.

Before we start

Before you start here are some relevant link that you might want to have a look

Quick start

To use the application just import the package

import 'package:sliding_card/sliding_card.dart';

Then inside your code, add the SlidingCard widget.

SlidingCard(
        slimeCardElevation: 0.5,
        cardsGap: SizeConfig.safeBlockVertical,
        //The controller is necessary to animate the opening and closing of the card
        controller: widget.slidingCardController,
        slidingCardWidth: SizeConfig.horizontalBloc * 90,
        visibleCardHeight: SizeConfig.safeBlockVertical * 27,
        //the card behind the front card can't have a higher
        // hight than the front one  
        hiddenCardHeight: SizeConfig.safeBlockVertical * 15,
        //Configure your front card here
        frontCardWidget: TheFrontCard(),
        //configure your rear card here 
        backCardWidget:TheBackCard(),
      ),

Conclusion

Thank you for using my package, If you did find any bug please feel free to report it or make a pull request. If you want to contact me directly, please DM me directly on My instagram account, or you can mail me directly. For my other packages you can visit my website at emilecode.com

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

패키지 설치