scrollView组件

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({

})