Animated layout changes (resizing) w/ Moti?

[jeremy303]

I'm trying to achieve 'automatic' animated layout transitions-- specifically, animate the resizing of a view when it's content changes. Although I'm already using Moti in the app, I've continued to rely on React Native's LayoutAnimation for this, called through useLayoutEffect() when the content state changes.

I may be missing it, but I couldn't find an example or documentation for this use case. I thought perhaps this is handled by the MotiView transition property, but didn't have luck with my experiments. Looking into Reanimated, it appears to achieve this effect through the Animated.View layout property, so I tried to apply one of their examples to a MotiView:

import { Layout } from 'react-native-reanimated';

....

     <MotiView ... layout={Layout.springify()} ...>
          <SomeViewThatChangesSize />
     </MotiView>

...

This didn't work either. Could be I'm just doing something wrong.

So what is the preferred Moti way of achieving this?

Thanks!