360SDN.COM

react native android使用react-native-tab-navigator来做底部导航tabbar(2)一个坑

来源:  2017-06-18 16:43:30    评论:0点击:

来源:http://blog.csdn.net/qq_27275015/article/details/51078507
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>
为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权