Метод ease
Метод ease класса
Easing
вызывают без аргументов.
Часто его оборачивают в
out
или
inOut
перед передачей в
timing.
Синтаксис
easing: Easing.inOut(Easing.ease)
Пример
Давайте проявим текст с ease:
import { useEffect, useRef } from 'react';
import { Animated, Easing, Text } from 'react-native';
export default function App() {
const opacity = useRef(new Animated.Value(0)).current;
useEffect(() => {
Animated.timing(opacity, {
toValue: 1,
duration: 400,
easing: Easing.inOut(Easing.ease),
useNativeDriver: true,
}).start();
}, [opacity]);
return (
<Animated.Text style={{ opacity }}>abcde</Animated.Text>
);
}
На экране строка плавно появляется без резкого старта.
