原生组件

最近更新时间:2024-03-21 15:51:52

我的收藏

原生组件

在腾讯云小程序平台开发中,部分组件是由客户端创建的原生组件。这些原生组件是由小程序客户端实现的,具有更高的性能和更丰富的功能。
原生组件包括:
camera:相机组件,用于调用摄像头拍照或录像。
Canvas:画布组件,用于绘制图形、动画等。
input(仅在 focus 时表现为原生组件)
textarea:多行输入框组件,用于输入多行文本。
video:视频组件,用于播放视频。
liver-player:直播播放器组件,用于播放直播流。
map:地图组件,用于显示地图和地图上的标记、路线等。

原生组件的使用限制

由于原生组件脱离在 WebView 渲染流程外,因此在使用时有以下限制:
原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。后插入的原生组件可以覆盖之前的原生组件。
原生组件无法在<picker-view>中使用。
部分 CSS 样式无法应用于原生组件,例如:
无法对原生组件设置 CSS 动画。
无法定义原生组件为position: fixed
不能在父级节点使用overflow: hidden来裁剪原生组件的显示区域。
原生组件的事件监听不能使用bind:eventname的写法,只支持bindeventname。原生组件也不支持catchcapture的事件绑定方式。
原生组件会遮挡 vConsole 弹出的调试面板。
说明:
在工具上,原生组件是用 web 组件模拟的,因此很多情况并不能很好的还原真机的表现,建议开发者在使用到原生组件时尽量在真机上进行调试。