https://github.com/pacifio/route_transitions

A flutter library containing useful animations and friendly functions for routing 🚦
https://github.com/pacifio/route_transitions

dart flutter flutter-animation flutter-package

Last synced: about 2 months ago
JSON representation

A flutter library containing useful animations and friendly functions for routing 🚦

• Host: GitHub
• URL: https://github.com/pacifio/route_transitions
• Owner: pacifio
• License: bsd-2-clause
• Created: 2019-11-17T16:42:21.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-07-28T23:32:36.000Z (over 3 years ago)
• Last Synced: 2023-08-20T23:01:06.819Z (over 1 year ago)
• Topics: dart, flutter, flutter-animation, flutter-package
• Language: Dart
• Homepage: https://pub.dev/packages/route_transitions
• Size: 8.08 MB
• Stars: 42
• Watchers: 4
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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

```dart

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](https://github.com/pacifio/route_transitions/blob/master/example/lib/main.dart)

## Custom animation with `customAnimationWidget`

```dart

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,

    );

  },

)

```