навигация по панели вкладок базовой базы в маршрутизаторе

Question

я новичок в реакции на родную. я использую React Native Router flux для навигации по моему проекту в разделе вкладок, использую вкладку Bar Component и добавляю компонент к этому при загрузке проекта, и я нажимаю на go другой экран, навигация через 1 или 2 секунды запускается и очень медленный pls может помочь мне чтобы исправить, tnx

<Router hideNavBar="true" >
  <Scene key="root">
    <Scene key="index" component={index} hideNavBar={true} initial={this.state.Login ? (null) : (true)} />
    <Scene key="login" component={login} title="login" titleStyle={RouterStyle.RouterT} />
    <Scene key="register" component={register} title="register" titleStyle={RouterStyle.RouterT} />
    <Scene key="forgetpass" component={forgetpass} title="forgetpass" titleStyle={RouterStyle.RouterT} />      
    <Scene
      hideNavBar="true"
      key="tabbar"
      tabs={true}
      tabBarComponent={tabs}
      initial={this.state.Login ? (true) : (null)}
    >
      <Scene key="searchtab" component={searchtab} hideNavBar={true} onEnter={()=>{true}} />
      <Scene key="addtab" component={addtab} hideNavBar={true} />
      <Scene key="settingtab" component={settingtab} hideNavBar={true} />
    </Scene>
    <Scene key="userview" component={userview} title="detail" titleStyle={RouterStyle.RouterT} />
    <Scene key="imageview"   direction="vertical" component={imageview} title="pic" titleStyle={RouterStyle.RouterT}  />
  </Scene>
</Router>)

компонент моих вкладок

<Footer>
            <FooterTab style={{ backgroundColor: '#FB8700' }}>
                <Button vertical onPress={() => { Actions.searchtab(), this.setState({ searchactive: true, addactive: false, settingactive: false, Selecteditem: 'Search' })  }}  >
                    <Icon name="search" type='Ionicons' style={tabsstyle.IconS} />
                    <Text style={tabsstyle.TextS}>Search</Text>
                </Button>
                <Button vertical onPress={() => { Actions.addtab(), this.setState({ addactive: true, searchactive: false, settingactive: false, Selecteditem: 'Add' }) }}  >
                    <Icon name="person-add" type='Ionicons' style={tabsstyle.IconS} />
                    <Text style={tabsstyle.TextS}>add</Text>
                </Button>
                <Button vertical onPress={() => { Actions.settingtab(), this.setState({ settingactive: true, addactive: false, searchactive: false, Selecteditem: 'Setting' }) }} >
                    <Icon name="settings" style={tabsstyle.IconS} />
                    <Text style={tabsstyle.TextS}>setting</Text>
                </Button>
            </FooterTab>
        </Footer>

экран

  render() {
return (
  <Root>
    <View style={searchstyle.MainBody}>
      <Header searchBar rounded style={{ width: '100%', backgroundColor: '#f3f3f3', }} androidStatusBarColor='#959595'>
        <Item>
          <Icon name="ios-search" style={{ color: '#fecc2a' }} />
          <Input placeholder="search" value={this.state.SearchText} onChangeText={(TextSearch) => { this.setState({ SearchText: TextSearch }) }} returnKeyType="search" onSubmitEditing={() => { this.DataFeatch() }} style={{ fontFamily: 'IRANSansMobile', fontSize: 14 }} />
          <Icon name="ios-people" />
        </Item>
      </Header>

  </Root>
);

на всех экранах я использую метод визуализации