how to avoid bottom overflowed while animation - Flutter

3
votes

i have an AnimatedContainer and that container has an open/close animation when i tap on the container but there is a bottom overflowed by 38 pixels error.

shown in this video:

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

this is my code:

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

thanks for the help

1
flutterflutter-layoutflutter-animation
use expanded on your widget that consists of the animated container and the container – OMi Shah
thanks you so much OMi Shah now it works! – Edin
you can also upvote my answer. Thanks. – OMi Shah
how can i upvote your answer? – Edin
there's a upside arrow button just above the flag icon if you see before each comments – OMi Shah

1 Answers

5
votes

use expanded on your widget that consists of the animated container and the container.