Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫 witchsky.app
bluesky fork client
Something went wrong. Try again.
953 B · 39 lines
TSX
at prod
12345678910111213141516171819202122232425262728293031323334353637383940import {type StyleProp, type ViewStyle} from 'react-native'import Animated, { Easing, FadeIn, FadeOut, SlideInLeft, SlideInRight,} from 'react-native-reanimated'
import {IS_WEB} from '#/env'
export function ScreenTransition({ direction, style, children, enabledWeb,}: { direction: 'Backward' | 'Forward' style?: StyleProp<ViewStyle> children: React.ReactNode enabledWeb?: boolean}) { const entering = direction === 'Forward' ? SlideInRight.easing(Easing.out(Easing.exp)) : SlideInLeft.easing(Easing.out(Easing.exp)) const webEntering = enabledWeb ? FadeIn.duration(90) : undefined const exiting = FadeOut.duration(90) // Totally vibes based const webExiting = enabledWeb ? FadeOut.duration(90) : undefined
return ( <Animated.View entering={IS_WEB ? webEntering : entering} exiting={IS_WEB ? webExiting : exiting} style={style}> {children} </Animated.View> )}