react-native - 带有动态 url 的 react-native-video

Question

我正在使用 fetch 调用视频 URL 的 API。我对react-native-video有问题。视频没有显示。

<Video
  repeat
  resizeMode='cover'
  source={{uri:`${this.state.base_url}${item.video}`}} 
  style = {styles.backgroundVideo} 
/>

我得到一个空白屏幕。在文档中，他们提到如下代码。

source={require('../assets/video/turntable.mp4')}

如何呈现如上所述的动态 URL？谢谢

Answer 1

我正在使用这个组件，它工作正常，从 API 获取。

<Video
  source={{
    uri: this.state.waitingVideoURL,
  }}
  resizeMode="cover"
  style={styles.backgroundVideo}
  repeat
  onLoad={this.stopLoading}
/>

在您的代码中，为什么您在源代码中有两个变量；是什么 item.video？

source={{uri:`${this.state.base_url}${item.video}`}}