flutter - 如何避免动画时底部溢出 - Flutter

Question

我有一个 AnimatedContainer，当我点击容器时，该容器有一个打开/关闭动画，但底部溢出 38 像素错误。

显示在此视频中：

https://photos.google.com/share/AF1QipPsio8RS5BD0D1OzMbMA6sNCBamLF8nYEyml_-pPqKVe-tzza-PyvB3MQehdHKeNQ/photo/AF1QipPYOoZ6pOXARbd3SdpxY8OWegQxvFHtv2QNh7NQ?key=V0lhQWFnpPOWtCrmdMtTKduy

这是我的代码：

Column(
  children: <Widget> [
    GestureDetector(
      child: Container(
      duration: duration,
      child: all the content
    ),
    onTap: () {
      is_opened = !is_opened;  
    }
)
AniamtedOpacity(
  duration: duration,
  opacity: is_opened ? 1 : 0
      child: Container(
          child: Row(
            children: <Widget>[
              //Icons and texts
            ],
          ),
        ),
      ),
    ],
  )

谢谢您的帮助

标签： flutterflutter-layoutflutter-animation

Answer 1

AnimatedContainer用展开的小部件包裹您的小部件，以便在点击时它可以展开并占用所需的空间。