.png)
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 #
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
