58 lines
1.5 KiB
Dart
58 lines
1.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
Route circlePageBuilder({
|
|
required Widget page,
|
|
required Offset beginPosition,
|
|
bool? fullScreenDialog,
|
|
Duration? transitionDuration,
|
|
}) {
|
|
return PageRouteBuilder(
|
|
pageBuilder: (context, animation, secondaryAnimation) => page,
|
|
transitionDuration: transitionDuration ?? const Duration(milliseconds: 250),
|
|
reverseTransitionDuration: transitionDuration ?? const Duration(milliseconds: 250),
|
|
fullscreenDialog: fullScreenDialog ?? false,
|
|
transitionsBuilder: (context, animation, secondaryAnimation, child) {
|
|
const double beganRadius = 0.0;
|
|
final size = MediaQuery.of(context).size;
|
|
final double endRadius = size.height > size.width ? size.height * 1.2 : size.width * 1.2;
|
|
|
|
final radiusTweenAnimation = animation.drive(
|
|
Tween(begin: beganRadius, end: endRadius),
|
|
);
|
|
|
|
return ClipPath(
|
|
clipper: _CircleTransitionClipper(
|
|
center: beginPosition,
|
|
radius: radiusTweenAnimation.value,
|
|
),
|
|
child: child,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
class _CircleTransitionClipper extends CustomClipper<Path> {
|
|
final Offset center;
|
|
final double radius;
|
|
|
|
const _CircleTransitionClipper({
|
|
required this.center,
|
|
required this.radius,
|
|
});
|
|
|
|
@override
|
|
Path getClip(Size size) {
|
|
return Path()
|
|
..addOval(
|
|
Rect.fromCircle(
|
|
center: center,
|
|
radius: radius,
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
bool shouldReclip(covariant CustomClipper<Path> oldClipper) => true;
|
|
}
|