Skip to main content
Version: Next

ShareElement

共享元素

共享元素是一种动画形式,类似于 flutter Hero 动画,表现为元素像是在页面间穿越一样。该组件需与 page-container 组件结合使用。 使用时需在当前页放置 share-element 组件,同时在 page-container 容器中放置对应的 share-element 组件,对应关系通过属性值 key 映射。当设置 page-container 显示时,transform 属性为 true 的共享元素会产生动画。当前页面容器退出时,会产生返回动画。

支持情况:

参考文档

类型

ComponentType<ShareElementProps>

ShareElementProps

参数类型默认值必填说明
keystring映射标记
transformbooleanfalse是否进行动画
durationnumber300动画时长,单位毫秒
easingFunctionnumberease-outcss缓动函数

API 支持度

API微信小程序H5React Native
ShareElementProps.key✔️
ShareElementProps.transform✔️
ShareElementProps.duration✔️
ShareElementProps.easingFunction✔️