obaby@mars
·
Uniapp 动态调整 Tabbar 菜单
💡
原文中文，约2000字，阅读约需5分钟。
📝
内容提要
软件开发功能从无到有，从少到多。现在进入从多到少的阶段，优化功能，提升用户体验。姨妈记录更多人习惯自己记录，不分享数据。想简化用户界面，隐藏tabbar中间闺蜜功能。通过uni.setTabBarItem()动态控制中间图标是否显示。参数说明：index-哪一项，text-按钮文字，iconPath-图片路径，selectedIconPath-选中时的图片路径。
🎯
关键要点
- 软件开发功能经历了从无到有、从少到多的过程，现在进入从多到少的阶段，重点在于优化功能和提升用户体验。
- 用户习惯于自己记录姨妈数据，不愿分享，因此需要简化用户界面，隐藏tabbar中间的闺蜜功能。
- 网上的解决方案多为创建多个tabbar列表，复杂度高，而作者希望动态控制中间图标的显示。
- uniapp官方提供了uni.setTabBarItem()接口，可以动态设置tabBar某一项的内容。
- OBJECT参数包括index、text、iconPath、selectedIconPath、pagePath、visible等，visible属性用于控制该项是否显示。
- 代码示例展示了如何在单用户模式下隐藏闺蜜tab，但在没有tabbar的页面设置会报错。
- 解决方案是将设置代码放入用户页面，并通过unistorage存储配置，动态调整菜单。
- 配置页面和需要调整tabbar的页面的代码示例展示了如何实现功能。
➡️
