如何在 expo-av 视频中自定义 useNativeControls

Question

我想要三个图标，两个用于视频播放速度控制，另一个用于视频分辨率更改。有什么方法可以添加这种按钮吗？？

这是我的播放器：

            <Video
                key={videoId}
                ref={video}
                style={styles.videoPlayer}
                source={{
                  uri: videofiles?.link,
                }}
                rate={1.0}
                posterSource={{ uri: thumbnail }}
                usePoster={!isActivity}
                useNativeControls
                resizeMode={Video.RESIZE_MODE_CONTAIN}
                isLooping
                onPlaybackStatusUpdate={status => {
                  statusChangeEvent(status);
                }}
                onFullscreenUpdate={onFullscreenUpdate}
              />

Answer 1

您不能修改您的原生控制器。但是您可以通过使用 Pressable 来使用 hacky 解决方案。您必须使用 Pressable 包装您的视频组件。之后，您可以显示您的自定义模式。 这是一个例子：

<Pressable>
 <>
  <Video
    ...
    ...
  />
  //your customize modal
  ...
  ...
 </>
</Pressable>