Метод setValue
Метод setValue у
Value
сразу записывает новое число.
Экран обновляется на следующем кадре так же, как при анимации через
timing.
Синтаксис
value.setValue(42);
Параметры
| Параметр | Описание |
|---|---|
число |
Новое значение, которое нужно показать без перехода. |
Пример
Давайте по нажатию прыгнем к другой прозрачности:
import { useRef } from 'react';
import { Animated, Pressable, Text } from 'react-native';
export default function App() {
const opacity = useRef(new Animated.Value(1)).current;
return (
<Pressable onPress={() => opacity.setValue(0.15)}>
<Animated.Text style={{ opacity }}>12345</Animated.Text>
</Pressable>
);
}
На экране текст резко тускнеет после касания.
Смотрите также
-
метод
stopAnimation,
который останавливает анимацию и отдает число -
метод
timing,
который плавно ведет Value к цели -
метод
spring,
который тянет Value пружиной -
класс
ValueXY,
у которого setValue принимает объект координат