flutter_scale_tap

패키지 개요

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

누르면 스케일과 투명도 효과가 있는 애니메이션 버튼을 제공하는 플러터 패키지입니다. 누를 때 버튼이 부드럽게 작아지고 투명도가 감소한 후 해제 시 원래 상태로 돌아가 사용자 상호작용을 향상시킵니다. 반응성 있고 시각적으로 매력적인 UI 요소를 만들기에 적합합니다. Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼을 지원하여 기기 간 일관된 동작을 보장합니다. 최소한의 구성으로 쉽게 통합할 수 있습니다.

사용 사례

시각적 피드백이 있는 상호작용 버튼 만들기
모바일 및 웹 앱에서 UX 향상
폼 컨트롤에 미세한 애니메이션 추가하기
게임에서 버튼 반응성 향상
현대적인 앱 인터페이스 설계

주요 기능

누를 때 스케일 애니메이션
터치 중 투명도 변경
크로스 플랫폼 호환성
최소한의 설정 필요
부드러운 전환 효과
사용자 정의 애니메이션 지속 시간

적합한 대상

정교한 버튼 상호작용을 원하는 UI 디자이너
인터랙티브한 Flutter 앱을 개발하는 개발자
경량 애니메이션 패키지를 필요로 하는 프로젝트
다중 플랫폼을 대상으로 하는 앱
빠르고 반응성 있는 인터페이스 프로토타이핑

고려 사항

매우 크거나 복잡한 위젯의 경우 조정이 필요할 수 있습니다
애니메이션 성능은 장치 기능에 따라 달라집니다
최적화 없이 고주파 탭 시나리오에는 적합하지 않습니다
버튼 유사 컴포넌트에 한정
누르기/해제 외의 제스처 사용자 정의는 지원하지 않습니다

원본 README

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

ScaleTap

Scale and opacity animated Button for Flutter

Getting Started

Wrap your widget with ScaleTap

ScaleTap(
  onPressed: (){
    //Tap
  },
  onLongPress: (){
    //Long press
  },
  child: Container(
    child: Text("Tap Me"),
  ),
)

You can change the default behaviour with the ScaleTapConfig class

class ScaleTapConfig {
  static double scaleMinValue = 0.95;
  static Curve scaleCurve = CurveSpring();
  static double opacityMinValue = 0.90;
  static Curve opacityCurve = Curves.ease;
  static Duration scaleOpacityAnimationDuration = const Duration(milliseconds: 300);
  static Duration buttonAnimationDuration = const Duration(milliseconds: 300);
}

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

패키지 설치