self_animated_list

Description:

self animated list

SelfAnimatedList #
AnimatedList which animates itself when list of the data changes
Problem #
When we get list of some data from API and update tiles, usually we see some strange things
happen - some tiles appear from nowhere and some disappear, in the length of one frame tiles
shift somewhere and this happens every time data is updated.
We can use AnimatedList from flutter SDK. But how can we calculate diff between two consecutive
lists and know what tiles to remove and what to add and where? This task is non-trivial and also
we need some code to control add and remove of tiles.
Solution #
This widget incapsulates diff logic and wraps standard AnimatedList. All you need to do:

pass list of your data to widget
create builder, that maps data to widget
(optionally) add in/out animation

Demo #
Add and remove two random tiles #
https://user-images.githubusercontent.com/15651739/187290220-45f02c84-1757-461c-8ae9-df3241cfa46e.mp4
Swap two random tiles #
https://user-images.githubusercontent.com/15651739/187290314-3c4c0490-30ec-43fd-999a-a70a58adb2d4.mp4
Caveats #

Swap algorithm is really dumb and make unnecessary add/remove ops
Items widgets should have different keys or have no keys at all (see example)