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



我正在使用反应原生视频。我正在尝试更改Press上每个视频的道具,这些道具位于视频的平面列表中。 因此,如果我使用 state,它将更改整个 FlatList 中的所有视频道具,而我只想更改一个。

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

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

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

你绝对可以使用这样的setNativeProps

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

这是一个关于它的文档页面:https://facebook.github.io/react-native/docs/direct-manipulation

最新更新