如何使用rn-viewpager在react-native IOS中添加选项卡

时间:2016-12-14 10:23:07

标签: ios reactjs tabs react-native

我在rn-viewpager中使用react-native标签。但是我在选择的每个标签页上打开新页面时遇到了问题。

我使用以下链接:react-native-viewpager

export default class ViewPagerPage extends Component {
        render() {
            return (
                <View style={{flex:1}}>
                    <IndicatorViewPager
                        indicatorPosition="top"
                        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={['Page1', 'Page2', 'Page3']} />;
        }


            return (
                <PagerTabIndicator
                    tabs={tabs}
                    textStyle={{color:'#999'}}
                    selectedTextStyle={{color:'#111'}}
                    iconStyle={{width:25, height:25, tintColor:'#999'}}
                    selectedIconStyle={{width:25, height:25, tintColor:'#111'}}
                />
            );
        }

    }

我想点击每个标签打开page.js文件。

0 个答案:

没有答案