Question

全部

我们正在开发具有视频功能的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 中的“暂停”道具值来播放视频

为Touch-native-Video控件添加TouchableOpacity

1 个答案: