原生组件
收藏我的收藏
原生组件是指在小程序页面中通过客户端实现的组件,包括:
- •textarea
- •video
- •live-player
- •map
- •input
- •ad
- •canvas(V2 版本)
原生组件同层渲染
从基础库 1.59 开始支持
同层渲染是为了可以在原生组件上面覆盖其它 web 组件而做的方案,原生组件因层级最高而导致无法被其它组件覆盖的问题将得到解决。
通过 z-index 在原生组件上覆盖其它组件
对于
position
非 static
的组件,可以通过设置 z-index
来控制它们的层叠关系。代码示例
video、live-player
video 和 live-player 比较特殊,它们进入全屏后,无法通过 z-index 让兄弟元素覆盖到其上面,这时需要把覆盖物作为子元素添加到 video/live-player 内部。
代码示例
已知问题
在安卓上同层渲染依赖一个动态下发的插件,所以在刚安装好 APP(比如今日)的短时间内,是不具有同层渲染能力的,或者在一些极端情况下,插件失效也可能导致同层渲染不可用。解决方案是通过tt.caniputstuffovercomponent 接口进行检测。