React native 如何动态更改视频组件的uri值
我正在使用react native,我正在使用来自世博会的视频组件。在此期间,我将如何动态更改URI属性的值,正如您在评论中提到的,您已经解决了问题并希望播放youtube视频 您可以使用WebView播放Youtube视频 工作演示: 以下是示例代码: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
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组件的建议,但官方声明中没有关于该组件的参考,