page_transition 1.0.2

Flutter Page Transition Package which is the transition second page

Flutter Page Transition Package

This package gives you beautiful page transitions.

Usage

It is really easy to use!

Examples

Navigator.push(context,PageTransition(type:'fade', child: DetailScreen())); 

Navigator.push(context,PageTransition(type:'leftToRigth', child: DetailScreen())); 

Navigator.push(context,PageTransition(type:'scale',aligment: Alignment.bottomCenter, child: DetailScreen())); 

Navigator.push(context,PageTransition(type:'size', aligment: Alignment.bottomCenter,child: DetailScreen())); 

Navigator.push(context,PageTransition(type:'rotate', duration: Duration(second:1), child: DetailScreen())); 

Usage for Named Route Parameters

First you have to add MaterialApp property name onGenerateRoute like below and in switch cases you can Transition your new routes;

  onGenerateRoute: (settings) {
        switch (settings.name) {
          case '/second':
            return PageTransition(child: SecondPage(), type: 'scale');
            break;
          default:
            return null;
        }
      },

After that you can route new route

Navigator.pushNamed(context, '/second'); 

Type Of transition

fade, rightToLeft, leftToright, UpToDown, DownToUp, scale(with alignment) ,rotate(with alignment), size(with alignment)

Curves

You can use any type of CurvedAnimation Curves https://docs.flutter.io/flutter/animation/Curves-class.html

Alignments

You can use size, scale and rotate transform alignment https://docs.flutter.io/flutter/painting/Alignment-class.html

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.