React native 单击任何选项卡时,从下到上移动底部选项卡(rn viewpager)

React native 单击任何选项卡时,从下到上移动底部选项卡(rn viewpager),react-native,tabs,viewpagerindicator,React Native,Tabs,Viewpagerindicator,我正在react原生项目中使用“rn viewpager”库。最初我想在页面底部显示选项卡,但当用户选择其中任何一个选项卡时,它们应该移动到页面顶部 {/ /} {/ /} 大都会人寿保险公司 {/* {this.state.DynamicaView}*/} <View style={Container.homeScreen_container}> <View style={{ backgroundColor:'#008fda',flex

我正在react原生项目中使用“rn viewpager”库。最初我想在页面底部显示选项卡,但当用户选择其中任何一个选项卡时,它们应该移动到页面顶部


{/  /}
{/  /}
大都会人寿保险公司
{/* 
{this.state.DynamicaView}*/}
   <View style={Container.homeScreen_container}>
            <View style={{ backgroundColor:'#008fda',flexDirection: 'row' }}>
                {/ <DrawerHeader title="ABC"/> /}
                <View style={Container.drawer_header_container}>
                    <TouchableOpacity onPress={this.openDrawer}>
                        {/ <Image style={{ marginLeft: 10, marginTop: 10, height: 35, width: 35 }} source={require('../img/ic_menu.png')}></Image> /}
                        <Image style={{ marginLeft: 15, marginTop: 20,height: 24, width: 24 }} source={require('../img/ic_menu.png')}></Image>
                    </TouchableOpacity>
                    <Text style={{ marginTop: 16, marginLeft: 30, color: 'white', fontSize: 20, fontWeight: 'bold' }}>Metlife</Text>
                </View>
                <Image style={{ marginRight:10, justifyContent: 'flex-end',marginTop: 14, height: 30, width: 30 }} source={require('../img/ic_notifications_white_24dp.png')}/>
                <Image style={{ marginRight:10, justifyContent: 'flex-end',marginTop: 14, height: 30, width: 30 }} source={require('../img/ic_search_white_24dp.png')}/>
            </View>
            <IndicatorViewPager
                style={{ flex: 1, paddingTop: 20, backgroundColor: 'white' }}
                //  indicator = { this._renderTitleIndicator() }
                indicator={this._renderTabIndicator()}
            >
                <View><ToDoScreen propsAre = {this.props}/></View>
                <View><TabScreen2 /></View>
                <View><TabScreen3 /></View>
            </IndicatorViewPager>

            {/* <MaterialTabs
                items={['TO DO', 'WOULD YOU LIKE TO DO', 'DISCOVER']}
                selectedIndex={this.state.selectedTabNo}
                onChange={this.setTab.bind(this)}
                barColor="#018ED6"
                indicatorColor="#fffe94"
                activeTextColor="white"
            />
            {this.state.DynamicaView} */}
        </View >