react-navigation|react-navigation 动态修改 tabBar 样式
使用react-navigation 做路由系统，由于react-navigation自己集成了redux，导致我们想要通过state动态修改tabBar变得很困难，google上也有蛮多问怎么动态修改的，但是都没有答案，于是就特意去看了文档，发现react-navigation提供了一种方法可以实现(我用的V1.5)
现在就分享给大家怎么实现上滑隐藏下方的 tabBar
首先我们在初始化react-navigation 的页面会有这个设置初始样式的步骤
文章图片
image.png 然后react-navigation 提供了一个属性给我们给每个screen 自定义tabBar的样式
文章图片
image.png 就是这个 navigationOptions，可以用来合并公共的样式，这个属性可以有两种形式，一种就是直接就是一个对象，另外一种就是这样一个回调函数。返回的是个对象就可以了。
这个函数的参数默认有三个参数，我们这里只要去navigation这个就可以了。
【react-navigation|react-navigation 动态修改 tabBar 样式】接下来就很快了
首先我们要用到params（为什么用它？因为我只找到了这一种方法），因为页面刚加载的时候params是个undefined, 所以我们判断一下，然后就给需要动态修改的属性赋值吧（如上图所示）。
这样我们就完成了绑定的问题，那怎么来修改呢？
这个问题问的很好！
组件提供了这个api用来修改params
文章图片
image.png 所以我们就在事件里用它就可以了，如下图
文章图片
image.png
这样我们的上拉隐藏tabBar，下拉显示就完成了！
推荐阅读
- 动态组件与v-once指令
- java|java b2b2c shop 多用户商城系统源码- config 修改配置
- iview|iview upload 动态改变上传参数
- iOS富文本为html时，修改默认字体颜色
- K14|K14 9/15销售提问法D2
- 8、Flask构建弹幕微电影网站-搭建后台页面-密码修改、主页控制面板
- 动态｜诗歌《在精神科诊室》发《小说与诗》（香港）报
- C语言静态动态两版本通讯录实战源码
- javascript|vue使用js-xlsx导出excel，可修改格子样式，例如背景颜色、字体大小、列宽等
- Trie树（动态规划）