react native android使用react-native-tab-navigator来做底部导航tabbar（2）一个坑：navigator

navigator是用来实现界面跳转的，这个资料网上很多，就不多说了，但是我在TabNavigator的子页面里碰到一个大坑，发现无法在子页面中获取到navigator，用

this.props.navigator.push({name:"login"});

的方法来跳转，一直报错：undefined is not an object (evaluating ‘this.props.navigator.push’)

经过一番辛苦的goole，终于找到了解决方法，原来是要在那个字页面节点上添加 navigator={this.props.navigator} 这个， 如：

<TabNavigator.Item
selected={this.state.selectedTab === '首页'}
title="首页"
titleStyle={styles.tabText}
selectedTitleStyle={styles.selectedTabText}
renderIcon={() => <Image style={styles.icon} source={require("/images/ic_home_normal.png")} />}
renderSelectedIcon={() => <Image style={styles.icon} source={require("/images/ic_home_checked.png")} />}
onPress={() => this.setState({ selectedTab: '首页' })}>
<HomeComponent navigator={this.props.navigator}/>
</TabNavigator.Item>