tiktok_double_tap_like

패키지 개요

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

슬림하고 사용자 정의 가능한 하트 애니메이션을 통해 TikTok의 두 번 탭하여 좋아요 기능을 복제하는 플러터 패키지입니다. 개발자가 반응형 이중 탭 제스처를 통합하여 하트 아이콘 애니메이션을 트리거할 수 있게 해 주며, 소셜 미디어 앱에서 사용자 참여도를 높입니다. 사용자 지정 하트 아이콘과 애니메이션 스타일을 지원하여 앱의 미적 요소와 쉽게 맞출 수 있습니다. 안드로이드, iOS, 웹, macOS, 윈도우, 리눅스와 호환되며, 상호작용 피드백 메커니즘을 원하는 콘텐츠 중심 플랫폼에 이상적입니다.

사용 사례

소셜 미디어 앱
비디오 공유 플랫폼
콘텐츠 탐색 인터페이스
사용자 참여 기능
인터랙티브 스토리텔링 앱

주요 기능

좋아요 제스처를 위해 두 번 탭하기
사용자 정의 가능한 심장 애니메이션
다중 플랫폼 지원
사용자 정의 애니메이션 속도
기존 UI와의 간편한 통합
하트 아이콘 사용자 정의

적합한 대상

비디오 중심 앱을 개발하는 개발자
틱톡 스타일의 상호작용을 원하는 팀
사용자 참여에 초점을 맞춘 앱
크로스 플랫폼 소셜 기능
애니메이션 피드백을 원하는 UI 디자이너

고려 사항

제스처 감지기 최적화가 필요할 수 있습니다
저사양 기기에서의 애니메이션 성능
다른 탭 제스처와의 잠재적 중첩
좋아요 기능만 가능
빠른 두 번의 탭을 조심스럽게 처리해야 합니다

원본 README

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

TikTok Double Tap Like

About

TikTok Double Tap Like is a Flutter package that provides a widget that can be used to like a video by double tapping on it, just like TikTok.

Example

DoubleTapLikeWidget(
      onLike: (likeCount) {
        //Do something when the user double taps
      },
      likeWidget: const Image(image: AssetImage('assets/icons/heart.png')),
      likeWidth: 200,
      likeHeight: 200,
      child: VideoPlayer(),
    )

Notes

You have to provide a widget that will be displayed when the user double taps on the screen, whether Text, Icon...etc. You can use the likeWidget property to provide that widget.
You can also provide the width and height of the widget using the likeWidth and likeHeight properties. The default values are 200 each.
You have the likeCount param in onLike in case you want to know how many times the user has liked the video.
It's pretty efficient and performant, I've created the animation explicitly using AnimationController, Animation, Tween and AnimatedBuilder. Also, there's an applied mechanism to removing the added hearts off of the screen.

Help me

If you like this package you can support me on

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

패키지 설치