制作小部件顶部边缘高度变化的动画

Question

我想通过移动顶部边缘(底部、左侧和右侧边缘保持固定(来更改小部件的高度。然而，我没能做到这一点；我尝试了SizeTransition、AnimatedPositioned、AnimatedSize和它们的许多组合，但每次底部边缘似乎都在移动，而不是顶部。我想有一些方法可以做到这一点，比如在Android和iOS中，布局限制是如何使这些事情变得微不足道的。有人能够实现这一点吗？

Answer 1

找到了答案。将AnimatedContainer封装在Positioned元素中有效，代码如下：

Positioned(
bottom: 0,
child: AnimatedContainer(
duration: Duration(milliseconds: 500),
height: cardHeight, // Varies
child: Stack(
children: _buildContent(),
),
),
),