react-native - 如何在 react-native-youtube-iframe 中仅禁用长按 youtube 视频

Question

我已经使用 react-native-youtube-iframe 在我的 react native 应用程序中播放 youtube 视频。我想禁用长按 youtube 视频。

标签： react-native

Answer 1

从GitHub 文档中，我通过使用解决了。

长按删除上下文菜单：

将YoutubePlayer包装在一个pointerEvents="none"必须禁用播放器的应用程序触摸事件的视图中。

然后 react-native 的Pressable API或任何可触摸的东西来拦截按下。

    <Pressable
      onPress={() => {
        // handle or ignore
      }}
      onLongPress={() => {
        // handle or ignore
      }}>
    
      <View pointerEvents="none">
        <YoutubePlayer (...) />
      </View>
    
    </Pressable>

来源：https ://lonelycpp.github.io/react-native-youtube-iframe/remove-context-share

另一种方法是使用onContextMenu={(e) => e.preventDefault()：

<div onContextMenu={(e) => e.preventDefault()}>

    <YoutubePlayer (...) />

</div>