diff options
author | Santo Cariotti <santo@dcariotti.me> | 2024-08-29 18:27:23 +0200 |
---|---|---|
committer | Santo Cariotti <santo@dcariotti.me> | 2024-08-29 18:27:23 +0200 |
commit | ae63532503eb0b5c7a60d18ef17504c0632d508d (patch) | |
tree | 832c41d50b2621f5a6ffdc1900eadb10cd652440 /components/HelloWave.tsx | |
parent | d8f83a2faa426cc9d83c5a0192b5a007983c916e (diff) |
Login page
Diffstat (limited to 'components/HelloWave.tsx')
-rw-r--r-- | components/HelloWave.tsx | 37 |
1 files changed, 0 insertions, 37 deletions
diff --git a/components/HelloWave.tsx b/components/HelloWave.tsx deleted file mode 100644 index f4b6ea5..0000000 --- a/components/HelloWave.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import { StyleSheet } from 'react-native'; -import Animated, { - useSharedValue, - useAnimatedStyle, - withTiming, - withRepeat, - withSequence, -} from 'react-native-reanimated'; - -import { ThemedText } from '@/components/ThemedText'; - -export function HelloWave() { - const rotationAnimation = useSharedValue(0); - - rotationAnimation.value = withRepeat( - withSequence(withTiming(25, { duration: 150 }), withTiming(0, { duration: 150 })), - 4 // Run the animation 4 times - ); - - const animatedStyle = useAnimatedStyle(() => ({ - transform: [{ rotate: `${rotationAnimation.value}deg` }], - })); - - return ( - <Animated.View style={animatedStyle}> - <ThemedText style={styles.text}>👋</ThemedText> - </Animated.View> - ); -} - -const styles = StyleSheet.create({ - text: { - fontSize: 28, - lineHeight: 32, - marginTop: -6, - }, -}); |