怎么控制底部 tab 在路由切换的时候,tab显示隐藏呀?

怎么控制底部 tab 在路由切换的时候,tab显示隐藏呀?clipboard.png

阅读 4.7k
5 个回答

tab应该是在外层统一的一个导航组件?那这样的话,需要获取当前路由,然后来决定哪个路由该显示哪个该隐藏

用 withRouter 包裹一下就可以了

把当前路由传进去,编写一个规则,判断啥时候隐藏,啥时候显示

  1. 不知道你有没有用到状态管理,如果没有可以用下 redux或者mobx
  2. 当你使用了状态管理,可以把 tab的是否显示的状态放到状态管理里面去
  3. 在对应的路由页面 或者,路由拦截器哪里,根据你自己的规则 修改这个状态

大概的思路就是这样

在你写底部tab组件的地方,做一个判断观察路由, 不需要tab的地方就隐藏

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题