concentric_transition 1.0.3 copy "concentric_transition: ^1.0.3" to clipboard
concentric_transition: ^1.0.3 copied to clipboard

Concentric Transition effect. Useful for onboarding, page transitions etc.

Concentric Transition #

A Flutter plugin to create views using Concentric Transition Clipper. Useful for onboarding, page transitions, custom clippers, painters etc.

Inspired by Cuberto - Animated Onboarding Screens

Build Status Pub package Star on GitHub License: MIT

1.gif 2.gif 3.gif 4.gif 5.gif 6.gif

Getting Started #

  • Add this to your pubspec.yaml
    dependencies:
    concentric_transition: ^1.0.3
    
  • Get the package from Pub:
    flutter packages get
    
  • Import it in your file
    import 'package:concentric_transition/concentric_transition.dart';
    

Features #

  • Concentric PageView
  • Concentric Clipper
  • Concentric PageRoute

Usage #

  • Using ConcentricPageView widget
import 'package:concentric_transition/concentric_transition.dart';

ConcentricPageView(
   colors: <Color>[Colors.white, Colors.blue, Colors.red],
   itemCount: 1, // null = infinity
   physics: NeverScrollableScrollPhysics(),
   itemBuilder: (int index, double value) {
       return Center(
           child: Container(
               child: Text('Page $index'),
           ),
       );
   },
);
  • Using ConcentricPageRoute widget
Navigator.push(context, ConcentricPageRoute(builder: (ctx) {
  return NextPage();
}));
  • Using ConcentricClipper widget
import 'package:concentric_transition/concentric_transition.dart';

ClipPath(
  clipper: ConcentricClipper(
    progress: 0.1, // from 0.0 to 1.0
    reverse: false,
    radius: 30.0,
    verticalPosition: 0.82,
  ),
  child: Container(
    color: Colors.green,
  ),
)

Credits #

Maintainers #

License #

License: MIT

662
likes
140
pub points
94%
popularity

Publisher

unverified uploader

Concentric Transition effect. Useful for onboarding, page transitions etc.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on concentric_transition