Question

我正在使用fetch来调用视频网址的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')}

如何呈现如上所述的动态网址？感谢

Answer 1

我正在使用此compoenet，并且可以正常运行，可以从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}`}}

使用动态网址反应原生视频

1 个答案: