动画帧器运动中的SharedLayout和LayoutGroup



我最近开始在react, typescript项目中使用framer-motion库来处理动画。当我尝试将<AnimateSharedLayout>type道具一起使用时,它表明AnimateSharedLayout没有这样的属性。我在这里有点困惑,因为在他们的文档和我发现的所有其他文章中,我们可以在AnimateSharedLayout上使用type="crossfade"道具来平滑动画。我使用的是成帧器运动:5.3.3,我在他们的升级手册中看到,他们删除了AnimateSharedLayout,而引入了LayoutGroup。这是医生但在LayoutGroup中,还没有任何一个名为"类型"的道具来使用crossfade。任何建议都很好,因为我不知道医生的建议是什么,也不知道如何解决这个问题

交叉渐变会自动应用。来源:https://www.framer.com/docs/animation/#shared-布局动画

如果新组件进入时旧组件仍处于安装状态,则它们将自动从旧组件交叉到新组件。

布局动画也可以通过transition属性进行自定义:https://www.framer.com/docs/animation/##customising-布局动画

相关内容

最新更新