src/screens/Login/ScreenTransition.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import React from 'react'
import {StyleProp, ViewStyle} from 'react-native'
import Animated, {FadeInRight, FadeOutLeft} from 'react-native-reanimated'

export function ScreenTransition({
  style,
  children,
}: {
  style?: StyleProp<ViewStyle>
  children: React.ReactNode
}) {
  return (
    <Animated.View style={style} entering={FadeInRight} exiting={FadeOutLeft}>
      {children}
    </Animated.View>
  )
}