robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
experiment: animate between screens
samuel.fm
+8
-1
+8
-1
src/screens/Login/index.tsx
+8
-1
src/screens/Login/index.tsx
···
2
2
import {KeyboardAvoidingView} from 'react-native'
3
3
import {useAnalytics} from '#/lib/analytics/analytics'
4
4
import {useLingui} from '@lingui/react'
5
+
import Animated, {FadeInRight, FadeOutLeft} from 'react-native-reanimated'
6
+
5
7
import {LoggedOutLayout} from '#/view/com/util/layouts/LoggedOutLayout'
6
8
import {SessionAccount, useSession} from '#/state/session'
7
9
import {DEFAULT_SERVICE} from '#/lib/constants'
···
159
161
return (
160
162
<KeyboardAvoidingView testID="signIn" behavior="padding" style={a.flex_1}>
161
163
<LoggedOutLayout leadin="" title={title} description={description}>
162
-
{content}
164
+
<Animated.View
165
+
entering={FadeInRight}
166
+
exiting={FadeOutLeft}
167
+
key={currentForm}>
168
+
{content}
169
+
</Animated.View>
163
170
</LoggedOutLayout>
164
171
</KeyboardAvoidingView>
165
172
)