Метод inOut
Метод inOut класса
Easing
принимает базовую кривую и делает движение симметричным.
Частый выбор для
timing
вместе с
ease.
Синтаксис
easing: Easing.inOut(Easing.ease)
Параметры
| Параметр | Описание |
|---|---|
кривая |
Функция easing, которую нужно сгладить с двух сторон. |
Пример
Давайте изменим масштаб блока с inOut:
import { useEffect, useRef } from 'react';
import { Animated, Easing, View, Text } from 'react-native';
export default function App() {
const scale = useRef(new Animated.Value(0.5)).current;
useEffect(() => {
Animated.timing(scale, {
toValue: 1,
duration: 500,
easing: Easing.inOut(Easing.ease),
useNativeDriver: true,
}).start();
}, [scale]);
return (
<Animated.View style={{ transform: [{ scale }] }}>
<Text>12345</Text>
</Animated.View>
);
}
На экране текст плавно увеличивается без рывка в начале и в конце.
