反应原生TabBarIOS.Item

时间:2015-12-15 10:39:03

标签: react-native

我正在使用TabBarIOS.Item,它有三个选项,每个选项都通向NavigatorIOS,我想使用TabBar,这样当你点击它们时,它会带你到NavigatorIOS的第一页,与之前的最后一页相对应用户更改了标签,这可能吗?

谢谢,亚当

1 个答案:

答案 0 :(得分:1)

所以答案是,TabBARIOS.item是一个对象,navigatorIOS也是一个对象,所以你可以给它们一个ref。所以他们看起来像这样。

<TabBarIOS.Item 
          title="partners" 
          selected={this.state.selectedTab === "Partners"}
          icon={require("./App/assets/partnersIcon.png")}
          onPress={this.partnersHandleChange.bind(this)} >
          <View style={styles.main}>
            <NavigatePartners ref="partners"></NavigatePartners>
          </View>
        </TabBarIOS.Item>

导航器看起来像这样

turn (
        <NavigatorIOS
      ref="navigator"
      style={styles.mainContainer}
      initialRoute={{
        title: 'Partners',
        component: Partners,
        backButtonTitle: 'Back',
      }}/>

然后你改变onclick看起来像这样

partnersHandleChange(){
if (this.state.selectedTab == "Partners")
{
  this.refs.partners.refs.navigator.popToTop();
}
this.setState({
  selectedTab: 'Partners',
})

};