微信小程序自定义tabbar 防止闪动

最新推荐文章于 2024-04-24 14:23:40 发布

奥特曼　

最新推荐文章于 2024-04-24 14:23:40 发布

阅读量2.2k

点赞数 3

分类专栏：小程序复用小程序文章标签：微信小程序 uniapp 小程序 JavaScript js

本文链接：https://blog.csdn.net/m0_46846526/article/details/124369686

版权

小程序同时被 2 个专栏收录

13 篇文章 5 订阅

订阅专栏

小程序复用

11 篇文章 0 订阅

订阅专栏

在我们平常自定义的tabbar 都会使用 wx.reLanch 进行跳转这时候都会闪一下页面在进行跳转对于用户体验是不好的

解决方案

还是需要在 page.json 定义tabbar

"tabBar": {
			"color": "#FFFFFF",
			"selectedColor": "#CBB384",
			"backgroundColor": "#262F3D",
			"list": [{
					"pagePath": "pages/index/index"
				},
				{
					"pagePath": "pages/xxx/xxx"
				},
				{
					"pagePath": "pages/xxx/xxx"
				}, 
                {
					"pagePath": "pages/xxx/xxx"
				}
			]
		},

在进入index页面的时候把tabbar 隐藏掉使用 uni.hideTabBar() 接下来所有的跳转都使用原生跳tabbar 的方法就可以了wx.switchTab

缺点：刚进入第一次的tabbar的还是会闪但是后面就不会了