# 共享元素动画

在连续的两个 Skyline 页面跳转时,可以将上一个页面的元素“共享”到下一个页面,并伴随着过渡动画

属性 类型 默认值 必填 说明
key string 映射标记
transitionOnGesture bool 拖动页面返回时是否进行动画

# 立即体验

# 注意事项

  • webview 版本小程序中也有该组件,但使用条件不一样
  • skyline 版本 share-element 无需结合 page-container 使用
  • share-element 仅能含有一个直接子节点
  • share-element 仅在当前页面和下一个页面均为 skyline 渲染模式下才能生效

# 使用方法

<!-- Page A -->
<!-- key 相同的节点会在页面跳转/返回时产生动画 -->
<share-element key="portrait" transitionOnGesture>
  <view class="small-head-image"></view>
</share-element>
<!-- Page B -->
<share-element key="portrait" transitionOnGesture>
  <view class="big-head-image"></view>
</share-element>