tiktok_double_tap_like

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter que replica o recurso de duplo toque para curtir do TikTok com animações suaves e personalizáveis de coração. Permite aos desenvolvedores integrar um gesto de duplo toque responsivo que dispara uma animação de ícone de coração, aumentando o engajamento do usuário em aplicativos de mídia social. O pacote suporta ícones de coração personalizados e estilos de animação, facilitando a adaptação à estética do aplicativo. Compatível com Android, iOS, Web, macOS, Windows e Linux, é ideal para plataformas voltadas para conteúdo que buscam mecanismos interativos de feedback.

Casos de uso

Aplicativos de mídia social
Plataformas de compartilhamento de vídeos
interfaces de descoberta de conteúdo
Recursos de engajamento do usuário
Aplicativos de narrativa interativa

Principais recursos

Toque duas vezes para gostar do gesto
animações de coração personalizáveis
Suporte para múltiplas plataformas
Velocidade de animação configurável
Integração fácil com a interface de usuário existente
Personalização do ícone de coração

Indicado para

Desenvolvedores construindo aplicativos centrados em vídeo
Equipes que desejam interações do estilo TikTok
Aplicativos focados no engajamento do usuário
Recursos sociais multiplataforma
Designers de interface procurando feedback animado

Considerações

Pode exigir otimização do detector de gestos
Desempenho de animação em dispositivos de baixa potência
Sobreposição potencial com outros gestos de toque
Limitado apenas à funcionalidade de curtir
Requer manipulação cuidadosa de toques rápidos duplos

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Buscar pacotes, repositórios e categorias de apps

Instalar pacote