从小部件的顶部边缘开始的动画高度变化？

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(),
    ),
  ),
),