1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
import 'package:flutter/material.dart';
class SlideFromLeftRoute extends PageRouteBuilder {
final Widget child;
SlideFromLeftRoute({required this.child})
: super(
transitionDuration: Duration(milliseconds: 300),
pageBuilder: (BuildContext _, Animation<double> __, Animation<double> ___) => child,
transitionsBuilder: (BuildContext _, Animation<double> animation, Animation<double> __, Widget child) => SlideTransition(
position: Tween<Offset>(
begin: Offset(-1, 0),
end: Offset.zero,
).animate(CurvedAnimation(parent: animation, curve: Interval(0.00, 1.00, curve: Curves.ease))),
child: child,
),
);
}
class SlideFromRightRoute extends PageRouteBuilder {
final Widget child;
SlideFromRightRoute({required this.child})
: super(
transitionDuration: Duration(milliseconds: 300),
pageBuilder: (BuildContext _, Animation<double> __, Animation<double> ___) => child,
transitionsBuilder: (BuildContext _, Animation<double> animation, Animation<double> __, Widget child) => SlideTransition(
position: Tween<Offset>(
begin: Offset(1, 0),
end: Offset.zero,
).animate(CurvedAnimation(parent: animation, curve: Interval(0.00, 1.00, curve: Curves.ease))),
child: child,
),
);
}
class SlideFromBottomRoute extends PageRouteBuilder {
final Widget child;
SlideFromBottomRoute({required this.child})
: super(
transitionDuration: Duration(milliseconds: 300),
pageBuilder: (BuildContext _, Animation<double> __, Animation<double> ___) => child,
transitionsBuilder: (BuildContext _, Animation<double> animation, Animation<double> __, Widget child) => SlideTransition(
position: Tween<Offset>(
begin: Offset(0, 1),
end: Offset.zero,
).animate(CurvedAnimation(parent: animation, curve: Interval(0.00, 1.00, curve: Curves.ease))),
child: child,
),
);
}
class FadeRoute extends PageRouteBuilder {
final Widget child;
FadeRoute({required this.child})
: super(
transitionDuration: Duration(milliseconds: 300),
pageBuilder: (BuildContext _, Animation<double> animation, Animation<double> __) => FadeTransition(
opacity: animation,
child: child,
),
);
}
|
