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} 这个, 如:

this.state.selectedTab === '首页'}
                        title="首页"
                        titleStyle={styles.tabText}
                        selectedTitleStyle={styles.selectedTabText}
                        renderIcon={() => require("/images/ic_home_normal.png")} />}
                        renderSelectedIcon={() => require("/images/ic_home_checked.png")} />}
                        onPress={() => this.setState({ selectedTab: '首页' })}>
                        this.props.navigator}/>
                    

你可能感兴趣的:(我的react,native学习之路)