Метод linear
Метод linear класса
Easing
возвращает функцию кривой без аргументов.
Ее передают в easing у
timing.
Синтаксис
easing: Easing.linear
Пример
Давайте сдвинем блок с равномерной скоростью:
import { useEffect, useRef } from 'react';
import { Animated, Easing, View } from 'react-native';
export default function App() {
const shift = useRef(new Animated.Value(0)).current;
useEffect(() => {
Animated.timing(shift, {
toValue: 90,
duration: 500,
easing: Easing.linear,
useNativeDriver: true,
}).start();
}, [shift]);
return (
<Animated.View style={{ transform: [{ translateX: shift }] }}>
<View style={{ width: 40, height: 40, backgroundColor: '#445566' }} />
</Animated.View>
);
}
На экране квадрат идет вправо без ускорений и замедлений.
