自定义tarbar 点击闪烁

默认tarbar图标显示第一亮，当点击第二页时，页面跳了，tarbar图标会闪烁一下，变为第一个亮

3 回复

fang821 楼6 年前

官方代码片段

注意：如需实现 tab 选中态，要在当前页面下，通过 getTabBar 接口获取组件实例，并调用 setData 更新选中态。可参考代码示例。

qiangxiong2 楼6 年前

data.selected的问题。你在0页面的data.selected值，和1页面的data.selected值不是同一个。

1.你点击tabBar[1]的时候，0页面的selected=1，然后跳转到1页面，此时1页面的selected=0，所以，tabBar选中的是tabBar[0]。

2.反之，在执行玩上面的操作后。你点击tabBar[0]的时候，1页面的selected=0，跳转到0页面，0页面selected=1(在上一个步骤的时候就已经变了)；所以，tabBar选中的是tabBar[1]。

3.而后，如果你点了tabBar[0]后，再点tabBar[0]，tabBar选中的就是tabBar[0]了

juan903 楼5 年前

解决方案如@思南所说。官方文档的实例index页面用的是Component，你也可以使用Page直接使用

getTabBar接口的。

在当前页面下，通过 getTabBar 接口获取组件实例，并调用 setData 更新选中态

然后组件只做跳转即可。

自定义tarbar 点击 闪烁