/
WhileM
/
notes
Обзор
Документация
Войти
/
WhileM
/
notes
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
components/HelloWave.tsx
40 строк
939 B
ArthurAkhmetov
Initial commit
15 май 2025, 20:22
15 май 2025, 20:22
7b4b55e
Код
Авторство
О чём код?
import { useEffect } from 'react'; import { StyleSheet } from 'react-native'; import Animated, { useAnimatedStyle, useSharedValue, withRepeat, withSequence, withTiming, } from 'react-native-reanimated'; import { ThemedText } from '@/components/ThemedText'; export function HelloWave() { const rotationAnimation = useSharedValue(0); useEffect(() => { rotationAnimation.value = withRepeat( withSequence(withTiming(25, { duration: 150 }), withTiming(0, { duration: 150 })), 4 // Run the animation 4 times ); }, [rotationAnimation]); 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, }, });