React Native Reanimated Layout Transitions not working

[JustJoostNL]

Current behavior

I'm using the FlashList component and in the renderItem it's rendering an Animated.View (from react-native-reanimated), which has a layout prop: LinearTransition.springify().

Unfortunately, no layout animation is happening.

Expected behavior

The layout transition/animation should work as expected.

To Reproduce

<FlashList
  data={data}
  renderItem={({ item }) => (
     <Animated.View layout={LinearTransition.springify()}>
           {/* children here */}
      </Animated.View
  )}
  estimatedItemSize={100}
  keyExtractor={(message) => message.id}
/>

Platform:

• iOS
• Android

Environment

v1.6.4

[zguo123]

It appears you are using LinearTransition in your code. According to the documentation:

For layout animations, similarly to the React Native API, you need to call prepareLayoutAnimationRender() before removing or inserting an element that you want to animate. Note that we currently support only entering and exiting animations. Layout transitions are not supported as of now.

You can find more context here.

[JustJoostNL]

Can this be added? This is a pretty big deal for most people.