Pakete, Repositories und App-Kategorien suchen

Cover von another_transformer_page_view
Paketdetailsv2.0.1

another_transformer_page_view

Ein weiterer pageTransformer für Flutter mit Null-Safety-Unterstützung

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
11.700
Likes
98
Pub-Punkte
150

Paket installieren

flutter pub add another_transformer_page_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Another Transformer Page View ist ein Flutter-Paket, das erweiterte Seitenumwandlungsfunktionen für PageView-Widgets bietet und Null-Sicherheit unterstützt. Es ermöglicht reibungslose und anpassbare Animationen zwischen Seiten und ist ideal für die Erstellung ansprechender Benutzeroberflächen mit dynamischen Übergängen. Auf Leistung und Benutzerfreundlichkeit ausgelegt, lässt es sich nahtlos in bestehende Flutter-Projekte auf mehreren Plattformen integrieren. Das Paket wird von juliansteenbakker gepflegt und eignet sich für Entwickler, die fortgeschrittene visuelle Effekte ohne komplexe Implementierung suchen. Sein leichtgewichtiges Design sorgt für minimalen Overhead bei gleichzeitiger Bereitstellung reicher interaktiver Erfahrungen.

Anwendungsfälle

  • Erstellen animierter Onboarding-Bildschirme
  • Interaktive Schieberegler mit visueller Tiefe erstellen
  • Verbesserung der Navigation durch dynamische Seitenübergänge
  • Immersive Produktpräsentationen gestalten
  • Benutzerdefinierte Scroll-Effekte implementieren

Hauptmerkmale

  • Null-Sicherheit-Unterstützung
  • Anpassbare Seitenübergänge
  • Glatte Animationsleistung
  • Plattformübergreifende Kompatibilität
  • Einfache Integration mit PageView
  • Erweiterbare Transformationslogik

Geeignet für

  • Flutter-Entwickler, die interaktive Benutzeroberflächen erstellen
  • Designer, die fortgeschrittene Übergangseffekte wünschen
  • Apps, die reichhaltige visuelle Scroll-Erfahrungen erfordern
  • Projekte für mehrere Plattformen
  • Teams, die sauberen, wartbaren Code priorisieren

Hinweise

  • Erfahrung mit PageView und Animationskonzepten erforderlich
  • Kann die Leistung beeinträchtigen, bei umfangreichen Transformationen
  • Beschränkte Dokumentation außerhalb grundlegender Beispiele
  • Am besten geeignet für Animationen mittlerer Komplexität
  • Nicht für einfache lineare Scrollung vorgesehen

Original-README

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

another_transformer_page_view

PageTransformer for flutter. Fork from transformer_page_view

Very simple to use

import 'package:another_transformer_page_view/another_transformer_page_view.dart';

...

new TransformerPageView(
loop: true,
transformer: new AccordionTransformer(),
itemBuilder: (BuildContext context, int index) {
  return new Container(
    color: list[index%list.length],
    child: new Center(
      child: new Text("$index",style: new TextStyle(fontSize: 80.0,color: Colors.white),),
    ),
  );
},
itemCount: 3)

Almost the same as PageView.builder, simplely specify a transformer to TransformerPageView, which is a sub class of PageTransformer

Show cases

Parallax

Welcome view

Basic

AccordionTransformer

See code here

ThreeDTransformer

See code here

ScaleAndFadeTransformer

See code here

ZoomInPageTransformer

See code here

ZoomOutPageTransformer

See code here

DepthPageTransformer

See code here

Getting Started

Installation

Add


another_transformer_page_view:

to your pubspec.yaml ,and run

flutter packages get 

in your project's root directory.

Basic Usage
Parameter Default Description
scrollDirection Axis.horizontal If Axis.horizontal, the scroll view's children are arranged horizontally in a row instead of vertically in a column.
loop false Set to true to enable continuous loop mode.
index none Index number of initial slide. if not set , it is controlled by the widget itself,otherwise, it is controlled by another widget, which is returned by itemBuilder
onPageChanged void onPageChanged(int index) Called with the new index when the user swiped
duration new Duration(milliseconds:300) The milliseconds of every transaction animation costs
transformer none The most important property of this widget, it returns a transformed widget that based on the widget parameter. If the value is null, a itemBuilder must be specified
itemCount none Number of the total items
itemBuilder none A function that returns a widget based on index,if it's null,a transformer must be specified
Build-in Parallax

We provide 3 build-in parallaxes, which handle color、image and container

ParallaxColor

ParallaxColor handles the color transform, which controls the color transform from one to another.

ParallaxImage

ParallaxImage handles the image, which speed is slower than the PageView

ParallaxContainer

ParallaxContainer handles the text or other staff, which speed is faster than the PageView

3 build-in parallaxes are all used in subclass of PageTransform,group these parallaxes together, we can create very cool things.

Inspired by page-transformer, and we have an easier way to create this.

See code here

Custom animation

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden