我是本机反应的初学者。我在项目中使用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>
);
在所有屏幕上,我都使用渲染方法