为反应原生视频控件添加可触摸不透明度

Question

All，

我们正在开发一个具有视频功能的 react-native 应用程序，我们正在使用 react-native-video-controls 模块来处理它。

一个用例是我们必须在网格中显示视频文件，当我们单击每个项目时，它应该像在whats应用程序中一样以完整模式播放。

我们可以调整握把中的视频播放器的大小并有一个播放按钮吗？这样，当单击播放按钮时，它应该以完整模式打开。

无法实现按钮视频。

  <VideoPlayer 
    onPress={()=> { this.props.playMedia(this.props.content) }} 
    source={{ uri: this.props.content }} 
    disableVolume 
    disableFullscreen
    paused={true} 
    fullscreen={false} 
    disableSeekbar 
    disableVolume 
    disableTimer 
    disableBack 
    onPlay={() => { this.props.playMedia(this.props.content) }} >
         {/* <TouchableOpacity 
               onPress={() => { console.log(this.props.content); 
                          this.props.playMedia(this.props.content) 
                        }} >
             </TouchableOpacity> 
          */}
</VideoPlayer>

Answer 1

您只需创建具有绝对定位的可触摸不透明度，就可以通过在VideoPlayer中更改"暂停"道具值来播放视频