uni-app编写小程序 自定义tabBar

1 篇文章 0 订阅


上图 红色的作为主页,绿色的以及蓝色的都作为组件

在主页的 tabBarIndex 方法里面处理页面跳转以及页面导航
在这里插入图片描述


但是呢,上面这个方法会导致子页面的生命周期监听不到,所以不建议采用


也是踩着坑过来的、、、、

然后又用了加载组件的方式去加载,然后页面切换又卡住了,放弃

最后再插件市场找到了可行性方案,

1.老老实实的定义tabBar
2.再自定义一个tabbar组件
3.使用 uni.hideTabBar({
			animation: false
		})
方法把原生tabbar组件隐藏掉,
4.在每个页面需要引用
5.使用uni.switchTab切换平行组件
6.使用vuex来管理选中状态
	这里说一下为什么不用传参的形式向自定义组件里面,慢,第一次进入页面的时候,由于自定义组件需要加载时间,会有种超级不流畅的感觉。

–留给未来的自己

下面评论区有人给了更好的帖子,感谢。链接添加链接描述

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值