1

我在使用framer-motion AnimatePresence 组件时遇到问题。

在幻灯片之间切换时，幻灯片的布局会“缩小”片刻，然后再恢复到所需的尺寸。经过一些调试，我很确定这是因为AnimatePresence同时渲染两张幻灯片一小会儿，但是我没有设法解决这个问题。

这是一个演示该问题的沙盒。

4

2 回答 2

1

如果您不想使用 beta 功能，您可以延迟退出变体。

此外，可能需要绝对定位幻灯片。

https://codesandbox.io/s/infallible-ganguly-38mmc

于 2020-04-27T00:35:18.027 回答
1

使用新的 betaexitBeforeEnter道具可以解决问题：

<AnimatePresence exitBeforeEnter>
  ...
</AnimatePresence>
于 2020-04-23T18:49:55.980 回答