• 组件概述
  • 基础内容
  • 视图容器
  • 表单
  • 导航
  • 媒体
  • 画布
  • 地图
  • 开放能力
  • 行业开放
  • 原生组件
  • 原生组件
    收藏
    我的收藏

    原生组件是指在小程序页面中通过客户端实现的组件,包括:
      textarea
      video
      live-player
      map
      input
      ad
      canvas(V2 版本)

    原生组件同层渲染

    从基础库 1.59 开始支持
    同层渲染是为了可以在原生组件上面覆盖其它 web 组件而做的方案,原生组件因层级最高而导致无法被其它组件覆盖的问题将得到解决。

    通过 z-index 在原生组件上覆盖其它组件

    对于 positionstatic 的组件,可以通过设置 z-index 来控制它们的层叠关系。

    代码示例

    video、live-player

    video 和 live-player 比较特殊,它们进入全屏后,无法通过 z-index 让兄弟元素覆盖到其上面,这时需要把覆盖物作为子元素添加到 video/live-player 内部。

    代码示例

    已知问题

    在安卓上同层渲染依赖一个动态下发的插件,所以在刚安装好 APP(比如今日)的短时间内,是不具有同层渲染能力的,或者在一些极端情况下,插件失效也可能导致同层渲染不可用。解决方案是通过tt.caniputstuffovercomponent 接口进行检测。