如何使用ref在React Native Video中编辑视频播放器道具

罗纳德

我正在使用react-native-video。我正在尝试为视频的FlatList中的每个视频onPress更改道具。因此,如果我使用state,它将更改整个FlatList中的所有视频道具,而我只想更改一个。

我创建了:,const videoPlayer = []并在每个视频播放器中添加了一个引用,例如:ref={r => videoPlayer[item.id] = r},我知道我可以videoPlayer[item.id].presentFullscreenPlayer()全屏播放视频,因为这是播放器的一种方法,但是如何控制其他属性,例如resizeModepaused呢?

我已经尝试过videoPlayer[item.id].props.paused = false,但是没有效果。我还想象我可以在状态下创建某种复杂的对象,但是每次我更改属性时,整个列表都会更新,这可能会导致大列表中刷新运行缓慢。

那么,有没有办法像我解释的那样控制每个视频的道具?

基里尔·昆斯特(Kirill Kunst)

您肯定可以这样使用setNativeProps

videoPlayer[item.id].setNativeProps({ paused: false })

这是与此有关的文档页面:https : //facebook.github.io/react-native/docs/direct-manipulation

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在React Native中打开视频播放器

来自分类Dev

React-Native音频播放器中的传递功能

来自分类Dev

更改视频 react-native-video 组件中的状态/道具

来自分类Dev

将视频播放器(expo-av)放在React-Native的Image下

来自分类Dev

如何使用vlcj在java中制作视频播放器?

来自分类Dev

如何在Android中创建简单的视频播放器?

来自分类Dev

React Native:如何在FlatList中播放视频

来自分类Dev

react-native-video仅播放视频的前几秒

来自分类Dev

如何在本机播放器中播放youtube视频以及如何下载youtube视频

来自分类Dev

如何在React Native中使用ref清除Text组件

来自分类Dev

如何使用Dash在首选播放器而不是默认播放器中开始视频/音乐?

来自分类Dev

如何使用Dash在首选播放器而不是默认播放器中开始视频/音乐?

来自分类Dev

React的Brightcove视频播放器事件

来自分类Dev

使用Redux管理视频播放器

来自分类Dev

如何记录在媒体播放器中播放的当前实时视频流

来自分类Dev

如何从视频标签的媒体播放器中删除/隐藏仅播放/暂停图标/按钮

来自分类Dev

如何在VLC媒体播放器中播放Vimeo视频?

来自分类Dev

如何在VLC媒体播放器中播放价值音乐/视频的文件夹

来自分类Dev

如何记录在媒体播放器中播放的当前实时视频流

来自分类Dev

如何防止HTML5视频播放器播放图标在iPhone Safari中消失

来自分类Dev

如何在Android版YouTube播放器中捕获播放视频操作

来自分类Dev

Python:如何从Gst视频播放器中获得视频分辨率?

来自分类Dev

如何使用在线链接在视频播放器中添加字幕?

来自分类Dev

如何在Linux中的mplayer视频播放器中使用nvidia vdpau解码?

来自分类Dev

在子组件中定义方法以使用ref hook-React Native Function Components

来自分类Dev

如何使自定义播放器播放Dailymotion视频?

来自分类Dev

如何通过YouTube播放器自动播放视频

来自分类Dev

如何使 Youtube 播放器弹出并播放视频?

来自分类Dev

使用本地媒体播放器播放远程视频

Related 相关文章

  1. 1

    在React Native中打开视频播放器

  2. 2

    React-Native音频播放器中的传递功能

  3. 3

    更改视频 react-native-video 组件中的状态/道具

  4. 4

    将视频播放器(expo-av)放在React-Native的Image下

  5. 5

    如何使用vlcj在java中制作视频播放器?

  6. 6

    如何在Android中创建简单的视频播放器?

  7. 7

    React Native:如何在FlatList中播放视频

  8. 8

    react-native-video仅播放视频的前几秒

  9. 9

    如何在本机播放器中播放youtube视频以及如何下载youtube视频

  10. 10

    如何在React Native中使用ref清除Text组件

  11. 11

    如何使用Dash在首选播放器而不是默认播放器中开始视频/音乐?

  12. 12

    如何使用Dash在首选播放器而不是默认播放器中开始视频/音乐?

  13. 13

    React的Brightcove视频播放器事件

  14. 14

    使用Redux管理视频播放器

  15. 15

    如何记录在媒体播放器中播放的当前实时视频流

  16. 16

    如何从视频标签的媒体播放器中删除/隐藏仅播放/暂停图标/按钮

  17. 17

    如何在VLC媒体播放器中播放Vimeo视频?

  18. 18

    如何在VLC媒体播放器中播放价值音乐/视频的文件夹

  19. 19

    如何记录在媒体播放器中播放的当前实时视频流

  20. 20

    如何防止HTML5视频播放器播放图标在iPhone Safari中消失

  21. 21

    如何在Android版YouTube播放器中捕获播放视频操作

  22. 22

    Python:如何从Gst视频播放器中获得视频分辨率?

  23. 23

    如何使用在线链接在视频播放器中添加字幕?

  24. 24

    如何在Linux中的mplayer视频播放器中使用nvidia vdpau解码?

  25. 25

    在子组件中定义方法以使用ref hook-React Native Function Components

  26. 26

    如何使自定义播放器播放Dailymotion视频?

  27. 27

    如何通过YouTube播放器自动播放视频

  28. 28

    如何使 Youtube 播放器弹出并播放视频?

  29. 29

    使用本地媒体播放器播放远程视频

热门标签

归档