问题描述
小程序自定义的tabbar按照官方的文档使用时,会出现点击无法切换底部tabbar, 双击才能切换的问题,没有去找原因,直接从网上看了一个相对好的方法, 警示后来者……
解决方法
- 在底部tabbar要跳转的页面的onshow方法内部加入一下代码
if(typeof this.getTabBar === 'function' && this.getTabBar()) {
this.getTabBar().setData({
selected: 1
})
}
selected为要切换的tabbar 的索引
- 也可以在app.json中封装一下,在要跳转的几个页面 的show方法内调用一下即可
/**
* 修复 自定义 tarbar 双击才能切换的bug
* @param {*} ctx 上下文
* @param {*} idx 索引
*/
customTarbarBugRepair(ctx, idx){
if(typeof ctx.getTabBar === 'function' && ctx.getTabBar()) {
ctx.getTabBar().setData({
selected: idx
})
}
}