import React, { Component } from 'react';
import {
Platform,
StyleSheet,
View,
Text,
Image,
ScrollView,
} from 'react-native';
export default class App extends Component{
render() {
return(
<ScrollView horizontal={true} showsHorizontalScrollIndicator={false} pagingEnabled={true}>
{this.renderAllView()}
</ScrollView>
);
}
renderAllView(){
var arrViews = [];
var arrColors = ['red','orange','blue','gray'];
for (var i = 0; i < arrColors.length; i++) {
arrViews.push(
<View key={i} style={{width:375, height:210, backgroundColor:arrColors[i]}}>
<Text>{i}</Text>
</View>
);
}
return arrViews;
}
}
const styles = StyleSheet.create({
})
scrollView组件
猜你喜欢
转载自blog.csdn.net/qq_17190231/article/details/88293593
今日推荐
周排行