更新记录
1.0(2021-08-04) 下载此版本
首次发布
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
关于tabBar中间按钮无法使用switchTab页面的解决方法
注意哈,这是一个模板示例,而非一个插件
Project setup
下载文件使用HBuilder X导入项目然后运行即可;
如果是cli模式,把解压数据放到src目录即可,确保你的src,目录是空的,否则会把你项目覆盖啊
需求原因
官网文档说明了midButton没有pagePath页面,需监听点击事件,自行处理点击后的行为逻辑。监听点击事件为调用API:uni.onTabBarMidButtonTa
但是我的需要是中间按钮点开是一个页面啊,而不是一个点击事件,网上有很多解决方案还有插件,但那都是自定义html,无法保留原生switchTab第一次加载保存到内存这个优良传统。
怎么办呢?下载插件看代码吧,主要是 pages.json 这个文件,然后是pages目录下每个index.vue 的 onLoad 方法都加载了 uni.hideTabBar(); 和调用的自定义组件 footer-menu
然后自定义组件通过跳转 uni.switchTab 而非 uni.navigateTo 等方法