-
Notifications
You must be signed in to change notification settings - Fork 4
/
positioned_transition_page.dart
68 lines (61 loc) · 1.77 KB
/
positioned_transition_page.dart
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
66
67
68
import 'package:flutter/material.dart';
import '../../widget/app_scaffold.dart';
class PositionedTransitionPage extends StatefulWidget {
const PositionedTransitionPage({super.key});
static const routeName = 'PositionedTransition';
@override
State<PositionedTransitionPage> createState() =>
_PositionedTransitionPageState();
}
class _PositionedTransitionPageState extends State<PositionedTransitionPage>
with SingleTickerProviderStateMixin {
late final AnimationController _animationController = AnimationController(
vsync: this,
duration: const Duration(milliseconds: 3000),
);
var _isMoved = false;
@override
void dispose() {
_animationController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return AppScaffold(
title: 'PositionedTransition',
floatingActionButton: FloatingActionButton(
onPressed: () {
if (_isMoved) {
_animationController.reverse();
} else {
_animationController.forward();
}
_isMoved = !_isMoved;
},
child: const Icon(Icons.refresh),
),
child: Stack(
children: [
PositionedTransition(
rect: _animationController
.drive(
CurveTween(
curve: Curves.elasticInOut,
),
)
.drive(
RelativeRectTween(
begin: const RelativeRect.fromLTRB(10, 10, 200, 400),
end: const RelativeRect.fromLTRB(100, 400, 10, 10),
),
),
child: Image.asset(
'assets/love.png',
fit: BoxFit.cover,
),
)
],
),
);
}
}