Pakete, Repositories und App-Kategorien suchen

Cover von flutter_animated_reaction
Paketdetailsv0.0.2

flutter_animated_reaction

Flutter Animated Reaction ist eine animierte Reaktionsüberlagerung (z. B. Facebook, LinkedIn), die mithilfe eigener Reaktions-Symbole (Bilder/GIFs) angepasst werden kann.

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
36
Likes
34
Pub-Punkte
130

Paket installieren

flutter pub add flutter_animated_reaction

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Flutter Animated Reaction ist eine anpassbare animierte Überlagerung für soziale Medien-artige Reaktionen, ähnlich wie Facebook oder LinkedIn. Sie ermöglicht Entwicklern, animierte Reaktions-Symbole – wie Bilder oder GIFs – anzuzeigen, wenn Benutzer mit Inhalten interagieren. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist daher ideal für plattformübergreifende Anwendungen. Durch die einfache Integration über pub add wird die Benutzerbeteiligung durch dynamische visuelle Rückmeldungen gesteigert.

Anwendungsfälle

  • Interaktionen in sozialen Medien-Apps
  • Benutzerreaktionsanimationen
  • interaktive Beitragsfeeds
  • Engagement-getriebene Benutzeroberflächenelemente
  • Echtzeit-Rückmeldung in Messaging-Apps

Hauptmerkmale

  • Anpassbare Reaktions-Icons
  • Unterstützung für Bilder und GIFs
  • Plattformübergreifende Kompatibilität
  • Einfache Integration mit Flutter
  • Animierte Überlagerungseffekte

Geeignet für

  • Entwickler, die soziale Netzwerk-Apps erstellen
  • UI-Designer, die interaktive Rückmeldung suchen
  • Apps, die Echtzeit-Reaktionen des Benutzers erfordern
  • Projekte für mehrere Plattformen
  • Teams, die leichtgewichtige Animationslösungen suchen

Hinweise

  • Erforderliche ordnungsgemäße Vermögensverwaltung für Symbole
  • Die Leistung kann bei komplexen GIFs variieren
  • Eingeschränkte Anpassungsmöglichkeiten außer bei Icon- und Animationsstil
  • Am besten geeignet für animations mit mittlerer Skalierung
  • Möglicherweise ist zusätzliche Zustandsverwaltung für komplexe Workflows erforderlich

Original-README

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

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

Kategorien

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.