
微信交流群
# CupertinoFullscreenDialogTransition
不要被这个组件的名字迷惑了,它本质上是一个SlideTransition
组件,从(0,1)移动到(0,0)。用法如下:
AnimationController _animationController;
void initState() {
_animationController = AnimationController(
vsync: this,
duration: Duration(milliseconds: 500),
);
super.initState();
}
Widget build(BuildContext context) {
return Column(
children: <Widget>[
Expanded(
child: Container(),
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
RaisedButton(
onPressed: () => _animationController.forward(),
child: Text('Forward'),
),
RaisedButton(
onPressed: () => _animationController.reverse(),
child: Text('Reverse'),
),
],
),
CupertinoFullscreenDialogTransition(
animation: _animationController,
child: Container(
color: Colors.blueGrey,
height: 300,
),
),
],
);
}
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
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
效果如下:

版权所有,禁止私自转发、克隆网站。