mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.6 KiB
67 lines
1.6 KiB
2 years ago
|
// Copyright 2021, the Flutter project authors. Please see the AUTHORS file
|
||
|
// for details. All rights reserved. Use of this source code is governed by a
|
||
|
// BSD-style license that can be found in the LICENSE file.
|
||
|
|
||
|
import 'package:flutter/cupertino.dart';
|
||
|
|
||
|
class FadeTransitionPage<T> extends Page<T> {
|
||
|
final Widget child;
|
||
|
final Duration duration;
|
||
|
|
||
|
const FadeTransitionPage({
|
||
|
super.key,
|
||
|
required this.child,
|
||
|
this.duration = const Duration(milliseconds: 300),
|
||
|
super.restorationId,
|
||
|
});
|
||
|
|
||
|
@override
|
||
|
Route<T> createRoute(BuildContext context) =>
|
||
|
PageBasedFadeTransitionRoute<T>(this);
|
||
|
}
|
||
|
|
||
|
class PageBasedFadeTransitionRoute<T> extends PageRoute<T> {
|
||
|
PageBasedFadeTransitionRoute(FadeTransitionPage<T> page)
|
||
|
: super(settings: page);
|
||
|
|
||
|
FadeTransitionPage<T> get _page => settings as FadeTransitionPage<T>;
|
||
|
|
||
|
@override
|
||
|
Color? get barrierColor => null;
|
||
|
|
||
|
@override
|
||
|
String? get barrierLabel => null;
|
||
|
|
||
|
@override
|
||
|
Duration get transitionDuration => _page.duration;
|
||
|
|
||
|
@override
|
||
|
Duration get reverseTransitionDuration => _page.duration;
|
||
|
|
||
|
@override
|
||
|
bool get maintainState => true;
|
||
|
|
||
|
@override
|
||
|
Widget buildPage(
|
||
|
BuildContext context,
|
||
|
Animation<double> animation,
|
||
|
Animation<double> secondaryAnimation,
|
||
|
) {
|
||
|
return _page.child;
|
||
|
}
|
||
|
|
||
|
@override
|
||
|
Widget buildTransitions(
|
||
|
BuildContext context,
|
||
|
Animation<double> animation,
|
||
|
Animation<double> secondaryAnimation,
|
||
|
Widget child,
|
||
|
) {
|
||
|
final tween = CurveTween(curve: Curves.easeInOut);
|
||
|
return FadeTransition(
|
||
|
opacity: animation.drive(tween),
|
||
|
child: _page.child,
|
||
|
);
|
||
|
}
|
||
|
}
|