Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von concentric_transition
Paketdetailsv1.0.3

concentric_transition

Konzentrischer Übergangseffekt. Nützlich für Onboarding, Seitenübergänge usw.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
1340
Likes
827
Pub-Punkte
160

Paket installieren

flutter pub add concentric_transition

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Concentric Transition ist ein Flutter-Paket, das reibungslose, konzentrische Animationseffekte für Übergänge zwischen Bildschirmen oder Elementen ermöglicht. Ideal für Onboarding-Flows und Seitenwechsel, erzeugt es visuell ansprechende Erlebnisse durch Erweitern oder Verkleinern von Schichten in einem kreisförmigen Muster. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist somit vielseitig für plattformübergreifende Anwendungen geeignet. Mit minimalem Setup über den pub add-Befehl können Entwickler elegante Übergangsanimationen einfach in ihre Benutzeroberflächen integrieren.

Anwendungsfälle

  • Onboarding-Bildschirme
  • Seitenübergänge
  • Splash-Bild-Effekte
  • Interaktive Benutzeroberflächenelemente
  • Animierte Navigation
  • Visuelle Erzählung

Hauptmerkmale

  • Kreisförmige konzentrische Animation
  • Plattformübergreifende Unterstützung
  • Einfache Integration
  • Anpassbare Zeit
  • Glatte Leistung
  • Wiederverwendbare Übergangswidgets

Geeignet für

  • App-Onboarding-Flows
  • Interaktive Benutzeroberflächengestaltung
  • Animierte Startbildschirme
  • Mobile und Web-Anwendungen
  • Designorientierte Flutter-Projekte
  • Entwickler, die auf visuelle Aufwertung abzielen

Hinweise

  • Kann die Leistung auf Geräten mit geringer Leistung beeinträchtigen
  • Erfordert sorgfältige Zeitabstimmung
  • Beschränkt auf kreisförmige Übergangsmuster
  • Nicht ideal für komplexe Zustandsübergänge
  • Am besten geeignet für einfache, fokussierte Animationen
  • Testen auf allen Zielplattformen erforderlich

Original-README

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

➰ Concentric Transition

A Flutter plugin to create views using Concentric Transition Clipper. Useful for onboarding, page transitions, custom clippers, painters etc.

Inspired by Cuberto - Animated Onboarding Screens

Build Status Pub package Star on GitHub License: MIT

1.gif 2.gif 3.gif 4.gif 5.gif 6.gif

Getting Started

  • Add this to your pubspec.yaml
    dependencies:
concentric_transition: ^1.0.3
  • Get the package from Pub:
    flutter packages get
  • Import it in your file
    import 'package:concentric_transition/concentric_transition.dart';

Features

  • 📺 Concentric PageView
  • 🕳️ Concentric Clipper
  • 📙 Concentric PageRoute

Usage

  • Using ConcentricPageView widget
import 'package:concentric_transition/concentric_transition.dart';

ConcentricPageView(
   colors: <Color>[Colors.white, Colors.blue, Colors.red],
   itemCount: 1, // null = infinity
   physics: NeverScrollableScrollPhysics(),
   itemBuilder: (int index, double value) {
       return Center(
           child: Container(
               child: Text('Page $index'),
           ),
       );
   },
);
  • Using ConcentricPageRoute widget
Navigator.push(context, ConcentricPageRoute(builder: (ctx) {
  return NextPage();
}));
  • Using ConcentricClipper widget
import 'package:concentric_transition/concentric_transition.dart';

ClipPath(
  clipper: ConcentricClipper(
    progress: 0.1, // from 0.0 to 1.0
    reverse: false,
    radius: 30.0,
    verticalPosition: 0.82,
  ),
  child: Container(
    color: Colors.green,
  ),
)

Credits

Maintainers

License

License: MIT

Kategorien

Onboarding-Carousel

Quell-Repository

Projekte, die dieses Paket verwenden