Метод in
Метод in класса
Easing
принимает другую функцию кривой, например
ease
или
linear.
Движение стартует медленнее и ускоряется к середине.
Синтаксис
easing: Easing.in(Easing.ease)
Параметры
| Параметр | Описание |
|---|---|
кривая |
Базовая функция из методов
Easing.
|
Пример
Давайте растянем полоску с плавным стартом:
import { useEffect, useRef } from 'react';
import { Animated, Easing, View } from 'react-native';
export default function App() {
const width = useRef(new Animated.Value(30)).current;
useEffect(() => {
Animated.timing(width, {
toValue: 200,
duration: 600,
easing: Easing.in(Easing.ease),
useNativeDriver: false,
}).start();
}, [width]);
return (
<Animated.View style={{ width, height: 8, backgroundColor: '#776655' }} />
);
}
На экране полоска долго разгоняется и быстро добивает длину в конце.
