React native 如何动态更改视频组件的uri值

React native 如何动态更改视频组件的uri值,react-native,React Native,我正在使用react native,我正在使用来自世博会的视频组件。在此期间,我将如何动态更改URI属性的值,正如您在评论中提到的,您已经解决了问题并希望播放youtube视频 您可以使用WebView播放Youtube视频 工作演示: 以下是示例代码: import React, { Component } from 'react'; import { StyleSheet, View, WebView, Platform } from 'react-native'; export defa

我正在使用react native,我正在使用来自世博会的视频组件。在此期间,我将如何动态更改URI属性的值,正如您在评论中提到的,您已经解决了问题并希望播放youtube视频

您可以使用WebView播放Youtube视频

工作演示:

以下是示例代码:

import React, { Component } from 'react';
import { StyleSheet, View, WebView, Platform } from 'react-native';

export default class App extends Component<{}> {

  render() {
    return (
     <View style={{ height: 300 }}>
        <WebView
                style={ styles.WebViewContainer }
                javaScriptEnabled={true}
                domStorageEnabled={true}
                source={{uri: 'https://www.youtube.com/embed/YE7VzlLtp-4' }}
         />

     </View>

   );
  }
 }

const styles = StyleSheet.create({
  WebViewContainer: {
    marginTop: (Platform.OS == 'android') ? 20 : 0,
  }
});

否则,如果您不想使用WebView,请使用第三方软件包,如

您能展示代码和您尝试的内容吗?事实上,我自己找到了解决方案。现在我面临一个新问题,是否有任何方法可以播放带有视频组件的youtube视频。我看到了关于youtube组件的建议,但官方声明中没有关于该组件的参考,