dart - Flutter - 容器子渲染时的高度动画变化

Question

我正在尝试在 Card 中重新创建类似 ExpansionTile 的内容。当我点击卡片时，它的子元素会渲染并且卡片会改变它的高度，所以我想为这个变化制作动画。

我尝试使用 AnimatedContainer 和 GlobalKey 来了解卡片的最终尺寸及其子渲染，然后将新高度设置为 AnimatedContainer但这没有用。

Answer 1

最后我只需要使用 AnimatedSize。它完全复制了我想要的动画。

AnimatedSize(
  vsync: this,
  duration: Duration(milliseconds: 150),
  curve: Curves.fastOutSlowIn,
  child: Container(
    child: Container(
      child: !_isExpanded
          ? null
          : FadeTransition(opacity: animationFade, child: widget.child),
    ),
  ),
);