Support for itemLayoutAnimation

[RohovDmytro]

I am using the wrapper for react-native-reanimated:

import { AnimatedLegendList } from '@legendapp/list/reanimated';

Setting itemLayoutAnimation:

      itemLayoutAnimation={LinearTransition.duration(ANIMATION_DURATION_LIST_LAYOUT)}

But no animation to bee seen when adding/removing items from a list.

[jmeistrich]

Ah yeah that would be cool! I think we should look into that after 1.0.

But just to make sure, I don't think itemLayoutAnimation is in the types, right? I just checked and I don't see it...

[RohovDmytro]

@jmeistrich Ok! Good to know. The performance is so "wow", that I really want to try this package in production. I've spend last two weeks adding animations into the app, so I'm not read to get rid of it today 😆

[nnphong1904]

@RohovDmytro you can use the layout of Animated.View as a workaround for this case:
<Animated.View layout={LinearTransition} className="bg-error-0 rounded-lg shadow-product-card">
However, you should turn off the recycleItems if going with this approach. Because it will cause some layout transition for the item when you scroll too fast 😆

Simulator.Screen.Recording.-.iPhone.16.Plus.-.2025-03-24.at.16.08.55.mp4

cc @jmeistrich

[patrikduksin]

+1 on this issue, we really want to migrate to legend list, but this stops us from using it in production

[VladyslavMartynov10]

#216