Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2026-04-01 17:23:18 +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( return GestureDetector(
onTap: () => toggleExpanded(), onTap: () => toggleExpanded(),
child: Card( child: Card(
child: AnimatedCrossFade( child: Padding(
alignment: Alignment.center, padding: const EdgeInsets.all(8.0),
duration: duration, child: AnimatedContainer(
crossFadeState:
expanded ? CrossFadeState.showSecond : CrossFadeState.showFirst,
firstChild: AnimatedContainer(
duration: duration, duration: duration,
width: size, width: size,
height: size, height: size,
child: Image.asset( child: AnimatedCrossFade(
'assets/cat.jpg', duration: duration,
fit: BoxFit.cover, crossFadeState: expanded
), ? CrossFadeState.showSecond
), : CrossFadeState.showFirst,
secondChild: AnimatedContainer( // Use Positioned.fill() to pass the constraints to its children.
duration: duration, // This allows the Images to use BoxFit.cover to cover the correct
width: size, // size
height: size, layoutBuilder: (Widget topChild, Key topChildKey,
child: Image.asset( Widget bottomChild, Key bottomChildKey) {
'assets/wolf.jpg', return Stack(
fit: BoxFit.cover, 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,
),
), ),
), ),
), ),