路由器流量中的本机基本选项卡栏导航

我是本机反应的初学者。我在项目中使用React Native Router Flux进行导航。在页脚部分,我使用了标签栏组件,并向其中添加了一个组件。当项目加载时,我单击以转到另一个屏幕,导航在1或2秒后运行非常慢。有人可以帮我解决这个问题吗?谢谢!

    <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,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,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>
    );

在所有屏幕上,我都使用渲染方法

routernsn 回答:路由器流量中的本机基本选项卡栏导航

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2452004.html

大家都在问