ustate react native和动画的问题

Question

我的代码有问题。我知道如果我的初始状态为toggle = false，并输入条件，但动画不运行，最奇怪的事情是，当我在两个函数中分开，两个不同的底部动画运行，但我想在一个函数中运行。我需要帮助。谢谢你。

const runTwoOption:any = () => {
setToggled(!toggled);
if(!toggled){
Animated.parallel([
runLoop(),
Animated.timing(_scale, {
toValue: 1,
useNativeDriver: false,
})
]).start();
}else{
Animated.parallel([
Animated.timing(_scale, {
toValue: 0,
useNativeDriver: false,
}),
Animated.timing(_rotate,{
toValue:0,
useNativeDriver:false
})
]).start();
}
}

这些是分开的函数

const runAnimationsInParallel: any = () => {
Animated.parallel([
runLoop(),
Animated.timing(_scale, {
toValue: 1,
useNativeDriver: false,
})
]).start()
}
const stopAnimationsInParallel: any = () => {
Animated.parallel([
Animated.timing(_scale, {
toValue: 0,
useNativeDriver: false,
}),
Animated.timing(_rotate,{
useNativeDriver:false,
toValue:0,
}),
]).start();
}

那是我的DOM，那个标题为null的按钮不起作用。

<View>
<Animated.Image
source={require('../assets/logo_baufest.jpg')}
style={styleAnimationToImage}
/>
<Button title="PLAY" onPress={runAnimationsInParallel} />
<Button title="PAUSE" onPress={stopAnimationsInParallel} />
<Button title="RUN" onPress={runTwoOption} />
</View>

Answer 1

我发现我的问题，当我创建我的动画不使用useReft()我是一个大问题。我看了咨询https://github.com/facebook/react-native/issues/25069。