Pakete, Repositories und App-Kategorien suchen

Paketdetailsv0.0.15+1

animatedroute

Ein Flutter-Paket, das Entwicklern die Animation zwischen Bildschirmen ermöglicht. Funktioniert sowohl unter Android als auch unter iOS.

30-Tage-Downloads
16
Likes
17
Pub-Punkte
30

Paket installieren

flutter pub add animatedroute

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

AnimatedRoute ist ein Flutter-Paket, das reibungslose, anpassbare Bildschirmübergänge mit Animationen ermöglicht. Für Android und iOS entwickelt, vereinfacht es den Prozess der Hinzufügung von visuellen Effekten zur Navigation, indem Entwickler Ein- und Ausgangsanimationen zwischen Routen definieren können. Das Paket lässt sich nahtlos in bestehende Flutter-Anwendungen integrieren, ohne komplizierte Einstellungen zu erfordern. Es unterstützt gängige Animationsarten und bietet eine saubere API zum Steuern von Zeit, Kurven und Richtung. Ideal zur Verbesserung der Benutzererfahrung in Apps, bei denen fließende Navigation wichtig ist.

Anwendungsfälle

  • App-Onboarding-Flows
  • Bildschirmübergänge in Dashboards
  • interaktive Navigationsmuster
  • Verbesserung der App-Qualität durch visuelle Rückmeldung
  • Benutzerdefinierte Seitenrouting-Animation

Hauptmerkmale

  • Plattformübergreifende Unterstützung (Android & iOS)
  • Einfaches API zum Definieren von Animationen
  • Unterstützt die Anpassung von Ein- und Ausgangsanimationen
  • Eingebaute Animationskurven
  • Leichtgewichtig und einfach zu integrieren

Geeignet für

  • Entwickler, die eine reibungslose Navigation suchen
  • Auf Benutzererfahrung ausgerichtete Apps
  • designgetriebene Anwendungen
  • Flutter-Anfänger lernen Übergänge
  • Projekte, die verfeinerte Routenänderungen benötigen

Hinweise

  • Beschränkt auf grundlegende Animationsarten
  • Keine integrierte Unterstützung für komplexe Gesten
  • Erfordert manuelle Handhabung von Animationszuständen
  • Nicht geeignet für hochdynamische oder interaktive Übergänge
  • Kann zusätzlicher Code für erweiterte Anwendungsfälle erforderlich sein

Original-README

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

animatedroute

Flutter Package

Show some :heart: and star the repo to support the project

Screen Record

Usage

Example

To use this package :

  dependencies:
    flutter:
      sdk: flutter
    animatedroute:
How to use
class ExampleApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.red,
      body: Container(
        child: Center(
          child: RaisedButton(
            onPressed: (){
              Navigator.of(context).push(AnimatedRoute(widget: NextScreen(), curves: Curves.easeInOutCubic, alignment: Alignment.bottomCenter));
            },
          ),
        ),
      ),
    );
  }
}

class NextScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      backgroundColor: Colors.lightBlueAccent,
    );
  }
}
  • widget: This is the screen/widget you would like to navigate to.
  • curves: This is the style of animation you would like to add to your route.
  • alignment: This is the exit and entry direction of your screen/widget
  • seconds: This is the duration of the animation. when null its equals to 1seconds.

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request. Here are some basic rules to follow to ensure timely addition of your request:

  1. Match coding style (braces, spacing, etc.) This is best achieved using Reformat Code feature of Android Studio CMD+Option+L on Mac and CTRL + ALT + L on Linux + Windows .
  2. If its a feature, bugfix, or anything please only change code to what you specify.
  3. Please keep PR titles easy to read and descriptive of changes, this will make them easier to merge :)
  4. Pull requests must be made against develop branch. Any other branch (unless specified by the maintainers) will get rejected.
  5. Check for existing issues first, before filing an issue.
  6. Make sure you follow the set standard as all other projects in this repo do
  7. Have fun!
Created & Maintained By

Babalola Ayotomide
Twitter

License

Copyright 2020 Babalola Ayotomide

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Getting Started

For help getting started with Flutter, view our online documentation.

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.