Entering/exiting

[maxfahl]

Hi!

Has anyone used the new entering/exiting props of reanimated 2.3.0-beta.2? I can't seem to get them to fire at all. If anyone has any knowledge about this, please let me know. I'm currently trying to implement it in a managed expo 42.0.4 project. This is how I'm setting it up:

return (
    <Container
      style={containerAnimationStyle}
      entering={GrowInAnimation}
      exiting={ShrinkOutAnimation}
    >...

const Container = styled(Reanimated.View)`
  height: ${ITEM_HEIGHT}px;
  border-radius: 10px;
  overflow: hidden;
  ${({theme}) => {
    return css`
      margin-bottom: ${theme.spacer.extraSmall};
      background-color: ${theme.color.secondary};
    `
  }}
`

import {EntryExitAnimationFunction, withTiming} from '../reanimated'

const GrowInAnimation: EntryExitAnimationFunction = startingValues => {
  'worklet'

  const itemHeight = startingValues.height
  console.log('itemHeight', itemHeight)
  const animations = {
    opacity: withTiming(1, {duration: 300}),
    height: withTiming(itemHeight, {duration: 300}),
    marginBottom: withTiming(10, {duration: 300}),
  }
  const initialValues = {
    opacity: 0,
    height: 0,
    marginBottom: 0,
  }
  return {
    initialValues,
    animations,
  }
}

export default GrowInAnimation

[maxfahl]

Has anyone succesfully implemented this new feature yet? If so, what are your versions of React etc?