我正在使用一个基本的useSpring钩子来设置transform属性的动画:
const props = useSpring({
to: {
transform: open ? 'translateY(-50px)' : 'translateY(0)',
},
})
它在v8中工作得很好,但在v9中,只有在初始动画结束之前启动它时,动画的反转才有效
我已经上传了一个最小的example。如果您打开沙箱,它会出现我所描述的问题。当你点击时,它开始动画,如果你等待完成,然后再次点击,它会跳到起始点,不会动画,但如果你在初始动画中点击,它将按预期工作。
这种行为只在版本9中发生。您可以在侧边栏中将版本更改为v8,然后看到该问题不再存在。我正在尝试用v9实现同样的效果。
转载请注明出处:http://www.heshunyou.com/article/20230526/1561079.html