tiktok_double_tap_like

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das die Doppelklick-Like-Funktion von TikTok mit reibungslosen, anpassbaren Herzanimationen nachahmt. Es ermöglicht Entwicklern die Integration einer reaktionsfähigen Doppelklick-Geste, die eine Herzanimation auslöst und die Benutzerengagement in Social-Media-Apps verbessert. Das Paket unterstützt benutzerdefinierte Herzsymbole und Animationsstile, sodass es leicht an die Ästhetik der App angepasst werden kann. Kompatibel mit Android, iOS, Web, macOS, Windows und Linux ist es ideal für content-getriebene Plattformen, die interaktive Feedback-Mechanismen suchen.

Anwendungsfälle

Soziale-Medien-Apps
Video-Sharing-Plattformen
Content-Entdeckungs-Schnittstellen
Benutzerengagement-Funktionen
Interaktive Erzählungs-Apps

Hauptmerkmale

Zwei Mal tippen, um zu liken
Anpassbare Herzanimationen
Unterstützung für mehrere Plattformen
Konfigurierbare Animationsgeschwindigkeit
Einfache Integration mit bestehender Benutzeroberfläche
Herz-Symbol anpassen

Geeignet für

Entwickler, die videozentrierte Apps erstellen
Teams, die TikTok-artige Interaktionen wünschen
Apps, die sich auf die Benutzerengagement konzentrieren
Plattformübergreifende soziale Funktionen
UI-Designer, die animierten Feedback suchen

Hinweise

Kann Optimierung des Gestenerkenners erfordern
Animationsleistung auf Geräten mit geringer Leistungsfähigkeit
Mögliche Überlappung mit anderen Tip-Gesten
Beschränkt auf Like-Funktionen nur
Erfordert sorgfältige Behandlung schneller Doppeltipps

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Pakete, Repositories und App-Kategorien suchen

Paket installieren