Is it possible to use reanimated layout animations presets?

[enagorny]

https://docs.swmansion.com/react-native-reanimated/docs/api/LayoutAnimations/entryAnimations
Is it possible to reuse this presets with Moti?

[nandorojo]

yes, Moti accepts all props of an Animated.View

[enagorny]

thanks @nandorojo. It is really a game changer for me

I've refactored:

    <MotiView
      transition={{
        duration,
        delay,
        type: "timing",
        easing: Easing.in(Easing.ease),
      }}
      from={{
        opacity: 0,
      }}
      animate={{
        opacity: 1,
      }}
      exitTransition={{
        duration,
        delay: 0,
        type: "timing",
        easing: Easing.out(Easing.ease),
      }}
      exit={{
        opacity: 0,
      }}>
      <Text>
        {children}
      </Text>
    </MotiView>

into

    <MotiView entering={FadeIn.duration(400).delay(delay)} exiting={FadeOut.duration(400)}>
      <Text>
        {children}
      </Text>
    </MotiView>

For simple animations it is much easier to use.
It will be worth to mention it in moti docs if it's not already there

[enagorny]

Please correct me if I'm wrong - I don't need moti for this. Right?

import Animated, { FadeIn, FadeOut } from "react-native-reanimated";

    <Animated.View entering={FadeIn.duration(400).delay(delay)} exiting={FadeOut.duration(400)}>
      <Text fontSize={50} color="white" bold>
        {children}
      </Text>
    </Animated.View>

[nandorojo]

that’s correct. it won’t work on web, and i’ve heard of some potential bugs with their layout animations, but if this works for you, you don’t need moti there!