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

Posted 2022-04-25 奥特曼　

在我们平常自定义的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的还是会闪 但是后面就不会了