framer-motion AnimatePresence 布局问题答案

【问题标题】：framer-motion AnimatePresence layout issueframer-motion AnimatePresence 布局问题
【发布时间】：2020-04-27 08:35:18
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

另外，可能想要绝对定位幻灯片。

【讨论】：

【解决方案2】：

使用new beta exitBeforeEnter prop 成功了：

<AnimatePresence exitBeforeEnter>
  ...
</AnimatePresence>

【讨论】：