你好老师，navigation能不能监听底部tab的点击事件

来源：14-6 打包发布React Native项目【收获果实】

mtfcloud

2019-04-27

你好老师，navigation能不能监听底部tab的点击事件？比如选项卡有首页、分类、购物车、个人中心，当没有登录的时候，点击个人中心显示的是一个登录按钮，但是登录成功之后个人中心就显示正常的信息，这个有办法可以实现么？

写回答

1回答

CrazyCodeBoy

2019-04-27

监听底部tab的点击事件可以通过下面的方式实现，这点在课程中有将哦：https://git.imooc.com/coding-304/GitHub_Advanced/src/master/js/navigator/DynamicTabNavigator.js#L99

render() {
const Tab = this._tabNavigator();
return <Tab
onNavigationStateChange={(prevState, newState, action) => {
EventBus.getInstance().fireEvent(EventTypes.bottom_tab_select, {//发送底部tab切换的事件
from: prevState.index,
to: newState.index
})
}}
/>
}
}

RN入门到进阶，打造高质量上线App

解锁React Native开发应用新姿势，React Native新版本热门技术

3144 学习 · 3241 问题

查看课程

相似问题

const {navigation} = props; 这个navigation从何而来

回答 1

CustomTheme自定义主题设计浮层的弹出位置

回答 1

老师，怎么给TextInput组件实现禁止输入并且可以双击清楚里面的数据

回答 1

官方文档说以后react-navigation文档不会再支持redux请问为什么还讲这个。

回答 1

点击TabBar刷新页面

回答 1

打开慕课网App查看更多内容