我最近开始在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-布局动画