小编Tho*_*cey的帖子

在反应上下文提供程序中创建 ref

我很难在上下文提供程序中设置引用。这是不可能的还是我遗漏了什么?我能够以相同的方式在其他组件中 createRefs 但以下始终将 ref 显示为 { current: null }

const VideoPlayerContext = React.createContext();

export default class VideoPlayerProvider extends Component {

  videoPlayerComponent = React.createRef()

  state = {
    // some state
  }

  seek = (time) => {
    this.videoPlayerComponent.seek(time)
  }

  render () {
    return (
      <VideoPlayerContext.Provider value={Object.assign({}, this.state, { seek: seek})}>
        <VideoPlayer 
          key={'videoplayer'} 
          {...this.state}
          ref={this.videoPlayerComponent}
        />
        { this.props.children }
      </VideoPlayerContext.Provider>
    )
  }
}
Run Code Online (Sandbox Code Playgroud)

然后我的应用程序就这样包装了

const app = () => (
  <VideoPlayerProvider>
    <App />
  </VideoPlayerProvider>
)  
Run Code Online (Sandbox Code Playgroud)

任何帮助表示赞赏!

reactjs react-native react-context react-ref

6
推荐指数
0
解决办法
1661
查看次数

视频的背景音频 react-native-video

我无法让 react-native-video 在后台播放 mp4 文件,它会播放 mp3 和音频文件,但拒绝继续播放视频。我已将 xcode 中的背景模式设置为打开,并选择了音频、播放和画中画,并传入了这些道具

playInBackground={true}
playWhenInactive={true}
ignoreSilentSwitch={'ignore'}
Run Code Online (Sandbox Code Playgroud)

当它是视频而不仅仅是音频时是否需要额外的配置?

react-native react-native-ios react-native-video

5
推荐指数
1
解决办法
4763
查看次数