查看IndicatorViewPager React Native

时间:2017-09-28 11:47:17

标签: javascript android react-native viewpagerindicator

我正在尝试使用三个部分创建IndicatorViewPager。 我无法看到每个页面内容的问题。在我的代码下面。

export default class Reservations extends Component {
render() {
    return (
        <View style={{flex:1}}>
            <IndicatorViewPager
                           style={{flex:1, paddingTop:20, backgroundColor:'white'}}
                indicator={this._renderTitleIndicator()}
            >
                <View style={{backgroundColor:'cadetblue'}}>
                    <Text>page one</Text>
                </View>
                <View style={{backgroundColor:'cornflowerblue'}}>
                    <Text>page two</Text>
                </View>
                <View style={{backgroundColor:'#1AA094'}}>
                    <Text>page three</Text>
                </View>
            </IndicatorViewPager>
        </View>
    );
}

_renderTitleIndicator() {
    return <PagerTitleIndicator titles={['one', 'two', 'three']} />;
}

我有每个部分的标题,但内容是隐藏的。谢谢你的帮助。

0 个答案:

没有答案