Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2026-03-22 04:17:50 +00:00
Code Issues Releases Wiki Activity

swap AnimatedContainer and AnimatedCrossFade

Browse Source
This commit is contained in:
John Ryan
2019-07-12 16:24:19 -07:00
parent 7a5b58b65c
commit bda1f83ca2
1 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
animations/lib/src/misc/expand_card.dart
View File

@@ -34,27 +34,43 @@ class _ExpandCardState extends State<ExpandCard>
return GestureDetector(
onTap: () => toggleExpanded(),
child: Card(
child: AnimatedCrossFade(
alignment: Alignment.center,
duration: duration,
crossFadeState:
expanded ? CrossFadeState.showSecond : CrossFadeState.showFirst,
firstChild: AnimatedContainer(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: AnimatedContainer(
duration: duration,
width: size,
height: size,
child: Image.asset(
'assets/cat.jpg',
fit: BoxFit.cover,
),
),
secondChild: AnimatedContainer(
duration: duration,
width: size,
height: size,
child: Image.asset(
'assets/wolf.jpg',
fit: BoxFit.cover,
child: AnimatedCrossFade(
duration: duration,
crossFadeState: expanded
? CrossFadeState.showSecond
: CrossFadeState.showFirst,
// Use Positioned.fill() to pass the constraints to its children.
// This allows the Images to use BoxFit.cover to cover the correct
// size
layoutBuilder: (Widget topChild, Key topChildKey,
Widget bottomChild, Key bottomChildKey) {
return Stack(
children: <Widget>[
Positioned.fill(
key: bottomChildKey,
child: bottomChild,
),
Positioned.fill(
key: topChildKey,
child: topChild,
),
],
);
},
firstChild: Image.asset(
'assets/cat.jpg',
fit: BoxFit.cover,
),
secondChild: Image.asset(
'assets/wolf.jpg',
fit: BoxFit.cover,
),
),
),
),