React native 反应本机动画循环开始回调
我正在努力与本地动画在这里。结果很简单,我有一个动画。图像,我想旋转。React native 反应本机动画循环开始回调,react-native,React Native,我正在努力与本地动画在这里。结果很简单,我有一个动画。图像,我想旋转。 一切都很好,直到我想在动画中循环n次,并在动画停止时执行某些操作。 我有以下代码 Animated.loop( Animated.timing(this.state.spin, { toValue: 360, duration: 1000, easing: Easing.linear, useNativeDriver: true, }), { iterations: 3 }
一切都很好,直到我想在动画中循环n次,并在动画停止时执行某些操作。
我有以下代码
Animated.loop(
Animated.timing(this.state.spin, {
toValue: 360,
duration: 1000,
easing: Easing.linear,
useNativeDriver: true,
}), {
iterations: 3
}
).start(() => {
console.log('done');
});
它按照循环迭代旋转3次,但在动画结束时没有触发回调
这里是复制此内容的Expo:请尝试下面的代码
Animated.loop(
Animated.timing(this.state.spin, {
toValue: 360,
duration: 1000,
easing: Easing.linear,
useNativeDriver: true,
}), {
iterations: 3
}
).start(event => {
if (event.finished) {
console.log('finished');
}
});
我刚刚在事件响应上添加了一个检查
希望有帮助。找到了答案。如果您取出
useNativeDriver
它会正常工作,并调用回调。这很奇怪…不。。。还是不行。在结束事件时没有调用回调函数。我遇到了这样一种情况,在添加一行:userNativeDriver:true后,回调函数将被调用一次。