参考:
您可以将视频存储在Array中,就像将数组存储在其中一样,var array
并使用Flatlist并将数据作为存储在array
变量中的数组传递,然后将Flat列表项呈现为视频标签。
平面列表将显示列表中的所有视频。
希望能对您有所帮助,请放心。
import React from 'react';
import { SafeAreaView, View, FlatList, StyleSheet, Text } from 'react-native';
const Videos = [
{
Videourl: 'url1',
},
{
Videourl: 'url2',
},
{
Videourl: 'url3',
},
];
export default function App() {
return (
<SafeAreaView style={styles.container}>
<FlatList
data={DATA}
renderItem={({ item }) =>
<Video source={item.Videourl}
ref={(ref) => {
this.player = ref
}}
onBuffer={this.onBuffer}
onError={this.videoError}
style={styles.backgroundVideo} />}
keyExtractor={item => item.id}
/>
</SafeAreaView>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
marginTop: 10,
},
item: {
backgroundColor: '#f9c2ff',
padding: 20,
marginVertical: 8,
marginHorizontal: 16,
},
title: {
fontSize: 32,
},
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句