How to animate other parts of the hierarchy using the new Layout Animations API?

[brunohkbx]

I've been trying to replace some animations made with RN LayoutAnimation with the new reanimated API.

In my understanding, with Reanimated I can animate views either entering or exiting phase and how the layout behaves whereas RN LayoutAnimations.configureNext expects the following attrs: duration, create, update, delete. It's not clear to me what's the equivalent of the attr update.

Here's what I tried - using the Participant List example.
I'd like to make the ScrollView smooth move down when I delete one of the participants and the content size changes - In the video below it feels like the TextInputs "jumps" to adjust to the new size - How to add a springify effect?

WhatsApp.Video.2022-05-31.at.11.02.08.PM.mp4

Now notice how smooth the ScrollView scrolls when I delete one item, It's using LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)

WhatsApp.Video.2022-05-31.at.11.17.16.PM.mp4

Is it possible to achieve the same animation? I tried using Animated.ScrollView with layout={Layout.springify()} but it didn't work.

Snack example
https://snack.expo.dev/@bruno.castro/reanimated-layout-animation

Maybe related #2734?

[kesha-antonov]

Hi
Did you find a solution?