从小部件的顶部边缘对高度变化进行动画处理？

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