uni-app版本更新到2.3.5后App平台 重构 tabBar，原生支持 midButton（中间凸起），支持高度调节（App、H5默认高度统一为50px），降低内存占用，避免iOS白屏。
监听中间按钮的点击事件，uni.onTabBarMidButtonTap(CALLBACK)应该在什么地方使用？
应该怎样跳转对应页面路径？
另外，官方给了设置中间凸起的办法：midButton，但是编辑器在设置相应属性时，没有代码提示，既然给了设置中间凸起的办法，为什么不直接给一个 pagePath 用于设置页面路径。
最佳回复
1***@qq.com - 啦啦啦啦
onLaunch: function() {
console.log('App Launch');
uni.onTabBarMidButtonTap((e)=>{
uni.switchTab({
url: '/pages/index/index'
})
})
},我这么写 是没有问题的
心脏 - 为奋斗，微生活
楼主按钮点击进入成为了二级页面，有没有办法在中间按钮凸起的样式下，点击进入一级页面？ 你怎么解决的
生涯 (作者)
现在好像没有这种操作，我之前也问了这个问题，没有什么好的解决方法，非要做成一级页面的样子，那就是伪一级页面，就是把以及页面的样式写到二级页面里，不过效果应该不太好。
2020-01-06 15:47
"tabBar": {
"color": "#105490",
"selectedColor": "#70FDD9",
"borderStyle": "black",
"backgroundColor": "#042051",
"height": "50px",
"iconWidth":"30px",
"list": [
{
"pagePath": "pages/home/home",
"iconPath": "static/images/tab/new_tab_wallet.png",
"selectedIconPath": "static/images/tab/new_tab_wallet_on.png",
"text": "首页"
},
{
"pagePath": "pages/space/space",
"iconPath": "static/images/tab/new_tab_space.png",
"selectedIconPath": "static/images/tab/new_tab_space_on.png",
"text": "空间"
},
{
"pagePath": "pages/market/market",
"iconPath": "static/images/tab/new_tab_mill.png",
"selectedIconPath": "static/images/tab/new_tab_mill_on.png",
"text": "行情"
},
{
"pagePath": "pages/money/money",
"iconPath": "static/images/tab/new_tab_mine.png",
"selectedIconPath": "static/images/tab/new_tab_mine_on.png",
"text": "资产"
}
],
"midButton": {
"width":"60px",
"height":"60px",
"text":"智慧空间",
"iconWidth":"40px",
"iconPath":"static/images/tab/new_tab_wisdom.png"
}
}
在App.vue onLaunch 中添加
onLaunch() {
// 中间按钮点击事件
uni.onTabBarMidButtonTap(function(){
console.log('中间按钮点击事件');
uni.navigateTo({
url:'/pages/wisdom/wisdom'
})
})
},
只能跳转二级页面，一级tab页面实现不了
请问如何更换中间按钮的文案和图片吗
生涯 (作者)
回复 1***@qq.com: 自定义底部导航栏，其实还会用到原生导航栏，只是在pages.json文件内 配置底部导航列表，然后隐藏原生底部导航，然后再自定义导航栏里面，使用 navigator 作为路由跳转，跳转类型为 switchTab ，体验感几乎是一样的
2020-12-09 17:29
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
生涯 (作者)
现在的方法中间按钮凸起后，点击进入成为了二级页面，有没有办法在中间按钮凸起的样式下，点击进入一级页面？
2019-10-21 16:30
DCloud_UNI_GSQ
回复 生涯: 配置在list里的页面才是tab
2019-10-21 17:18
7***@qq.com
请问midButton点击事件，用uni.switchTab跳到和其他tab不重复的页面的话,pages.json里面怎么配置
2019-12-30 18:32