Animated.Value(0)
const left = new Animated.Value(0)
Animated
.sequence([
Animated.spring(top, {
toValue: markerY,
useNativeDriver: true,
velocity: 3,
friction: 8
}),
Animated.spring(left, {
toValue: markerX,
useNativeDriver: true,
velocity: 3,
friction: 8
})
])
.start((finishedCallback) => {
left.setValue(markerX)
top.setValue(markerY)
})
Чтобы после конца анимации, top и left принимали последние установленные значения.
Это нужно для того, чтобы следующий запуск этой же анимации начался с последней установленной точки, а не с 0.
Но, почему-то, setValue игнорируется и следующая итерация кода анимации запускается снова с 0 🙁
Что делать?
Функциональный компонент?
Да, с хуками
Оберни new Animation.Value в useRef
const top = useRef(new Animated.Value(0)) далее везде заменил на top.current и… ничего не изменилось
Обсуждают сегодня