React Native Animation实验回调?
React Native AnimationExperimental callback?
我一直在研究 React Native 和动画,并希望 运行 将串行动画或链式动画组合在一起。动画结束时是否会触发承诺或回调?这是我目前所拥有的:
AnimationExperimental.startAnimation({
node: this.refs['this'],
duration: 500,
easing: 'easeInOutCubic',
property: 'scaleXY',
toValue: [2,2],
callback: () => { // This doesn't work but you get the idea.
console.log("callback called!");
}
});
更新:
我发现 AnimationExperimental 已被弃用。 Facebook 正在开发一个不同的动画库,应该很快就会落地。如果您等不及 Facebook 或者 AminationExerimental 不适合您,您也可以查看 react-native-gsap 图书馆
回调为第二个参数:
AnimationExperimental.startAnimation({
node: this.refs['this'],
duration: 500,
easing: 'easeInOutCubic',
property: 'scaleXY',
toValue: [2,2]
}, () => {
console.log("callback called!");
});
我一直在研究 React Native 和动画,并希望 运行 将串行动画或链式动画组合在一起。动画结束时是否会触发承诺或回调?这是我目前所拥有的:
AnimationExperimental.startAnimation({
node: this.refs['this'],
duration: 500,
easing: 'easeInOutCubic',
property: 'scaleXY',
toValue: [2,2],
callback: () => { // This doesn't work but you get the idea.
console.log("callback called!");
}
});
更新:
我发现 AnimationExperimental 已被弃用。 Facebook 正在开发一个不同的动画库,应该很快就会落地。如果您等不及 Facebook 或者 AminationExerimental 不适合您,您也可以查看 react-native-gsap 图书馆
回调为第二个参数:
AnimationExperimental.startAnimation({
node: this.refs['this'],
duration: 500,
easing: 'easeInOutCubic',
property: 'scaleXY',
toValue: [2,2]
}, () => {
console.log("callback called!");
});