search

software-mansion / react-native-reanimated

React Native's Animated library reimplemented
https://docs.swmansion.com/react-native-reanimated/
MIT License
8.61k stars 1.26k forks source link

1st item in an inverted list is no longer animated after a while with itemLayoutAnimation #6038

Open AlexLacoste opened 1 month ago

AlexLacoste commented 1 month ago

Description

1st item in an inverted list is no longer animated after a while with itemLayoutAnimation.

https://github.com/software-mansion/react-native-reanimated/assets/60432086/69447804-869e-49c7-abc4-d31f1733a485

You can try with the snack.

Steps to reproduce

Use inverted Animated.Flatlist with itemLayoutAnimation LinearTransition Add 5-6 items to the list and the problem occurs.

Snack or a link to a repository

https://snack.expo.dev/@decoste/chat-reanimated-flatlist

Reanimated version

3.10.1

React Native version

0.74.1

Platforms

Android, iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

exploIF commented 1 month ago

Hi @AlexLacoste , I've verified your issue and it looks like it's not issue with reanimated nor inverted animated flat list component. Issue is related to react native and adding new elements at the beginning of the list. I've reported that. If I can suggest some workaround for you, you can try avoiding adding elements at the beginning of the list, then everything should works fine