Animation For Custom Widgets

Help Dart
1

Hi Flutter community,

I’m currently working on a project where I have widgets expanding and collapsing based on user interaction. While the functionality works fine, the transitions feel abrupt, and I’d like to add some smooth animations for a better user experience.

Here’s what I’m trying to achieve:

  1. A smooth expand/collapse animation when switching between the expanded and collapsed states of widgets.

I’ve explored using AnimatedContainer and AnimatedOpacity but couldn’t fully get the desired effects. Are these the best tools for the job, or should I use a custom AnimationController and Tween?

I am attaching a link for the reference of what I’m trying to implement.
Link

2

Welcome to the forum.

Show us your code as to what you have tried so far.

I am sure there will be some nice pointers from the community.

3

ExpansionPanelList seems to have animation controls for an ExpansionTile.