All Projects → pacifio → route_transitions

pacifio / route_transitions

Licence: BSD-2-Clause license
A flutter library containing useful animations and friendly functions for routing 🚦

Programming Languages

dart
5743 projects
swift
15916 projects
kotlin
9241 projects
objective c
16641 projects - #2 most used programming language

Projects that are alternatives of or similar to route transitions

Flutter-Chat-Bar
Link to the package -. https://pub.dartlang.org/packages/flutter_chat_bar
Stars: ✭ 39 (-9.3%)
Mutual labels:  flutter-animation, flutter-package
flutter bottom reveal
An animated bottom reveal widget
Stars: ✭ 15 (-65.12%)
Mutual labels:  flutter-animation, flutter-package
bouncing widget
A widget that enables you to add a bouncing animation on a widget.
Stars: ✭ 34 (-20.93%)
Mutual labels:  flutter-animation, flutter-package
Flutter-Custom-Carousel
Flutter Custom Carousel Application Design and Animation - day 18
Stars: ✭ 44 (+2.33%)
Mutual labels:  flutter-animation, flutter-package
time ago provider
library for generating fuzzy timestamp for example ("9 minutes ago")
Stars: ✭ 16 (-62.79%)
Mutual labels:  flutter-package
bloc
A predictable state management library that helps implement the BLoC design pattern
Stars: ✭ 12 (-72.09%)
Mutual labels:  flutter-package
syntax highlighter
Syntax Highlighter for Dart/Flutter Code
Stars: ✭ 28 (-34.88%)
Mutual labels:  flutter-package
barcode.flutter
barcode generate library for Flutter
Stars: ✭ 58 (+34.88%)
Mutual labels:  flutter-package
rx shared preferences
🌀 Shared preferences with RxDart Stream observation ⚡️ Reactive shared preferences for Flutter 🌸Reactive stream wrapper around SharedPreferences 🍄 Lightweight and easy-to-use 🌱 A reactive key-value store for Flutter projects. Like shared_preferences, but with Streams 📕 Rx Shared Preferences for Flutter 🌿 rx_shared_preferences 🌰 rx_shared_prefere…
Stars: ✭ 36 (-16.28%)
Mutual labels:  flutter-package
seo renderer
A Flutter Web Plugin to display Text Widget as Html for SEO purpose
Stars: ✭ 103 (+139.53%)
Mutual labels:  flutter-package
advance image picker
Flutter plugin for selecting multiple images from the Android and iOS image library, taking new pictures with the camera, and edit them before using such as rotating, cropping, adding sticker/filters.
Stars: ✭ 91 (+111.63%)
Mutual labels:  flutter-package
getwidget-docs
Get Widgets UI library docs.
Stars: ✭ 17 (-60.47%)
Mutual labels:  flutter-package
Free-RASP-Flutter
Flutter library for improving app security and threat monitoring on Android and iOS mobile devices.
Stars: ✭ 62 (+44.19%)
Mutual labels:  flutter-package
stop watch timer
This is Stop Watch Timer for flutter plugin.🏃‍♂️
Stars: ✭ 76 (+76.74%)
Mutual labels:  flutter-package
scrollytell
Cross-platform Scrolly Telling library built using Flutter.
Stars: ✭ 46 (+6.98%)
Mutual labels:  flutter-package
flutter paging
A small library support load infinite for ListView - GridView on Flutter.
Stars: ✭ 32 (-25.58%)
Mutual labels:  flutter-package
Flutter-App-Intro-With-Indicator
Flutter App Intro Application Design and Animation - day 21
Stars: ✭ 54 (+25.58%)
Mutual labels:  flutter-animation
flutter-app
Full Feature Todos Flutter Mobile app with fireStore integration.
Stars: ✭ 138 (+220.93%)
Mutual labels:  flutter-package
flutter syntax view
Flutter Syntax Highlighter
Stars: ✭ 88 (+104.65%)
Mutual labels:  flutter-package
loadany
Flutter load more package , support ListView、GridView、Slivers
Stars: ✭ 25 (-41.86%)
Mutual labels:  flutter-package

Route transitions

Now supports latest dart null safety . This package has been rewritten to use friendly route functions to navigate even with your favourite route transition and ability to build custom animations with tansitionBuilder !

How to use

import 'package:route_transitions/route_transitions.dart';

ElevatedButton(
  onPressed: () => pushWidget(
    newPage: Dashboard(),
    context: context,
  ),
  child: Text("Push page"),
),

Friendly API

For actual examples , check example/lib/main.dart

Custom animation with customAnimationWidget

customAnimationWidget(
  newPage: YourPage(),
  context: context,
  transitionBuilder:
      (context, animation, secondaryAnimation, child) {
    var begin = 0.0;
    var end = 1.0;
    var curve = Curves.easeIn;

    var tween = Tween(begin: begin, end: end)
        .chain(CurveTween(curve: curve));

    return ScaleTransition(
      scale: animation.drive(tween),
      child: child,
    );
  },
)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].