Version: 下个版本

CoverView

覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image,可在 cover-view 中使用 button。

参考文档

类型#

ComponentType<CoverViewProps>

示例代码#

// js
class App extends Components {
render () {
return (
<View className='container'>
<Video id='myVideo' src='src'>
<CoverView className='controls'>
<CoverView className='play' onClick='play'>
<CoverImage className='img' src='src' />
</CoverView>
</CoverView>
</Video>
)
}
}
// css
.container {
position: relative;
}
.controls {
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 225px;
transform: translate(-50%, -50%);
}

CoverViewProps#

参数类型必填说明
scrollTopnumber设置顶部滚动偏移量,仅在设置了 overflow-y: scroll 成为滚动元素后生效

API 支持度#

API微信小程序H5React Native
CoverViewProps.scrollTop✔️

API 支持度#

API微信小程序百度小程序支付宝小程序H5React Native
CoverView✔️✔️✔️