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

组件 支持度

微信小程序 H5 ReactNative
✔️ x x

小程序全部支持,属性参考cover-view。属性值请改写为驼峰式命名。

  1. import Taro, { Component } from '@tarojs/taro'
  2. // 引入 MovableArea, CoverView 组件
  3. import { Video, CoverImage, CoverView } from '@tarojs/components'
  4. class App extends Components {
  5. render () {
  6. return (
  7. <Video id="myVideo" src="src">
  8. <CoverView class="controls">
  9. <CoverView class="play" onClick="play">
  10. <CoverImage class="img" src="src" />
  11. </CoverView>
  12. </CoverView>
  13. </Video>
  14. )
  15. }
  16. }