Kategorien, Pakete und Repositories suchen

ducafecatFlutter-Ökosystem
Paketdetailsv1.0.1

flip_panel

Ein Paket für Flip-Panel mit eingebauter Animation

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
224
Likes
112
Pub-Punkte
30

Paket installieren

flutter pub add flip_panel

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Flip Panel ist ein Flutter-Paket, das einen reibungslosen, animierten Flip-Panel-Widget mit integrierten Übergängen bietet. Es ermöglicht Entwicklern, interaktive kartenartige Oberflächen zu erstellen, die zwischen Vorder- und Rückseite umkippen können und ideal für die Darstellung zusätzlicher Informationen oder Inhaltsebenen sind. Das Paket unterstützt anpassbare Animationen und wurde auf Einfachheit und Leistung ausgelegt. Besonders nützlich ist es in App-Oberflächen, die dynamische visuelle Rückmeldungen erfordern, wie z. B. Profilkarten, Produktinformationen oder Lernwerkzeuge.

Anwendungsfälle

  • Interaktive Karten-Schnittstellen
  • Produktinformationen anzeigen
  • Lernkarten
  • Profilkarten kippen
  • Dynamische UI-Übergänge

Hauptmerkmale

  • Eingebaute Flip-Animation
  • Anpassbarer Inhalt auf Vorder- und Rückseite
  • glatte Übergangseffekte
  • Einfache Integration mit bestehenden Widgets
  • Leicht und leistungsstark

Geeignet für

  • Entwickler, die interaktive Benutzeroberflächen erstellen
  • Apps, die Kartenwenden-Interaktionen erfordern
  • Bildungs- oder Spielanwendungen
  • Einfache, aber ansprechende Animationen

Hinweise

  • Beschränkt auf 2D-Drehung nur
  • Keine Unterstützung für komplexe 3D-Transformationen
  • Erfordert manuelle Behandlung der Zustandsverwaltung
  • Nicht für häufiges Umschalten optimiert
  • Keine integrierte Gestenerkennung

Original-README

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

Flip Panel

pub package

A package for flip panel with built-in animation

How to use

import 'package:flip_panel/flip_panel.dart';

Create a flip panel from iterable source:

final digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

FlipPanel.builder(
    itemBuilder: (context, index) => Container(
       color: Colors.black,
       padding: const EdgeInsets.symmetric(horizontal: 6.0),
       child: Text(
         '${digits[index]}',
         style: TextStyle(
             fontWeight: FontWeight.bold,
             fontSize: 50.0,
             color: Colors.white),
       ),
     ),
    itemsCount: digits.length,
    period: const Duration(milliseconds: 1000),
    loop: 1,
)

Create a flip panel from stream source:

FlipPanel<int>.stream(
      itemStream: Stream.periodic(Duration(milliseconds: 1000), (count) => count % 10),
      itemBuilder: (context, value) => Container(
        color: Colors.black,
        padding: const EdgeInsets.symmetric(horizontal: 6.0),
        child: Text(
          '$value',
          style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 50.0,
            color: Colors.white
          ),
        ),
      ),
      initValue: 0,
  );

Kategorien

BildAnimation und Übergang

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.