Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de flutter_animated_reaction
Detalhes do pacotev0.0.2

flutter_animated_reaction

O Flutter Animated Reaction é uma sobreposição de reação animada (exemplo: Facebook, LinkedIn) que pode ser personalizada usando seus próprios ícones de reação (imagens/gifs).

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
36
Curtidas
34
Pontos Pub
130

Instalar pacote

flutter pub add flutter_animated_reaction

Visão geral do pacote

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

Flutter Animated Reaction é uma sobreposição animada personalizável para reações do estilo de redes sociais, semelhante ao Facebook ou LinkedIn. Permite que desenvolvedores exibam ícones animados de reação — como imagens ou GIFs — quando os usuários interagem com o conteúdo. O pacote suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o ideal para aplicativos multiplataforma. Com integração simples via pub add, ele aumenta o engajamento do usuário por meio de feedback visual dinâmico.

Casos de uso

  • interações de aplicativos de mídia social
  • Animações de reação do usuário
  • feeds de postagens interativas
  • Elementos de interface do usuário orientados por engajamento
  • Feedback em tempo real em aplicativos de mensagens

Principais recursos

  • Ícones de reação personalizáveis
  • Suporte para imagens e GIFs
  • Compatibilidade multiplataforma
  • Integração simples com o Flutter
  • Efeitos de sobreposição animados

Indicado para

  • Desenvolvedores construindo aplicativos de redes sociais
  • Designers de interface buscando feedback interativo
  • Aplicativos que exigem reações em tempo real do usuário
  • Projetos direcionados para múltiplas plataformas
  • Equipes que desejam soluções leves de animação

Considerações

  • Requer gerenciamento adequado de ativos para ícones
  • O desempenho pode variar com GIFs complexos
  • Personalização limitada além do estilo do ícone e da animação
  • Mais adequado para animações de escala moderada
  • Pode ser necessário gerenciamento adicional de estado para fluxos de trabalho complexos

README original

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

Flutter Animated Reaction

Flutter Animated Reaction is an animated reaction overlay(Example: Facebook, LinkedIn) which can be customized using your own reaction icons(images/gifs). Wherever your reaction button is on the screen, this package helps you to pop up an animated reaction overlay at the right location on the screen with your preferred reactions icon.

Demo

animated

Features

  • Customized reaction icon i.e. images, gifs can be added in the list
  • Cool animation to display the reaction overlay
  • Dragging any reaction icon generates nice animation
  • In built facebook reaction icons
  • Reaction sound feature

Getting started

import 'package:flutter_animated_reaction/flutter_animated_reaction.dart';

Usage

For better understanding, you can see example application.

AnimatedFlutterReaction().showOverlay(context: context,
                                      key: key,
                                      onReaction: (val){
                                         print(val);
                                      });
Parameters
Parameter Description
Key Global Key used in the reaction button . It is used to find the renderBox and measure it's position.
reactions List of all reaction icons which you want to show in the overlay.(Image/Gifs path)
onReaction(int) It is triggered when any of the reaction is tapped
backgroundColor It describes overlay background color
overlaySize It specifies overlay width
iconSize It can set the size of reaction icons. Default size is (45,45)

How to Contribute

  1. Fork it
  2. Create your feature branch (git checkout -b new-feature)
  3. Commit your changes (git commit -m 'Add some feature')
  4. Push to the branch (git push origin new-feature)
  5. Create new Pull Request

Categorias

Mídias Sociais

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.