CODEWITHSUNDEEP
flutterflutter-layoutflutter-webflutter-animationflutter-animatedlist
Robert Estivill
Robert Estivill

Reputation: 12497

List item animation between columns

I basically have a layout with two columns.

When something happens on an item on the left column, I want to animate it to the bottom of the column on the right (where the read footer is)

enter image description here

The first problem is that I'm new to flutter animations and to be honest I don't even know where to start. PositionedTransition seems to be the best fit, but not quite sure how it would overlay into a diffent list.

The second problem is that the initial and final locations will have to be dynamic, as both the affected list item (initial) and the red footer (final) can be anywhere in the visible part of the lists.

Do you guys have any tips, ideas, examples that I can take a look?

Thanks so much.

Upvotes: 1

Views: 464

Answers (2)

WSBT
WSBT

Reputation: 36373

Looks like your task can be broken down into 2 main concepts, and I've answered similar questions on both concepts before.

  1. Animate an item from a list to another list: https://stackoverflow.com/a/69470439/1032613

  2. Apply a Bézier curve to the animation path: https://stackoverflow.com/a/61129258/1032613

Upvotes: 1

rasityilmaz
rasityilmaz

Reputation: 1399

I don't understand exactly what you want to do but maybe this is what you want.

Search the Draggable -this

Upvotes: 0

Related Questions