concentric_transition

Description:

concentric transition

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










Getting Started #

Add this to your pubspec.yaml
dependencies:
concentric_transition: ^1.0.3
copied to clipboard

Get the package from Pub:
flutter packages get
copied to clipboard

Import it in your file
import 'package:concentric_transition/concentric_transition.dart';
copied to clipboard


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'),
),
);
},
);
copied to clipboard

Using ConcentricPageRoute widget

Navigator.push(context, ConcentricPageRoute(builder: (ctx) {
return NextPage();
}));
copied to clipboard

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,
),
)
copied to clipboard

Check out the complete Example

Credits #

Cuberto - Animated Onboarding Screens

Maintainers #

Vlad Korniienko

License #