l***@126.com
- 发布：2025-08-01 10:08
- 更新：2025-08-03 11:19
- 阅读：280
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 4.75
手机系统： Android
手机系统版本号： Android 11
手机厂商： 一加
手机机型： 一加6t
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
我是使用uview2的 u-tabbar组件自定义做了下底部导航：
<u-tabbar
value="tabIndex"
mid-button="true"
active-color="selectedColor"
inactive-color="color"
border="false"
fixed="true"
placeholder="true"
safe-area-inset-bottom="true"
class="jy-tabbar"
>
<!-- 常规Tab项 -->
<u-tabbar-item
v-for="(item, index) in tabList"
key="index"
size="64"
icon="item.icon"
text="item.text"
activeColor="tabIndex === index ? '#ff557a': ''"
@click="tabClick(item, index)"
/>
</u-tabbar>
>
<!-- 常规Tab项 -->
<u-tabbar-item
v-for="(item, index) in tabList" key="index" size="64" icon="item.icon" text="item.text" activeColor="tabIndex === index ? '#ff557a': ''" @click="tabClick(item, index)"
/>
</u-tabbar>
操作步骤：
uview2 u-tabbar 自定义tabbar
uview2 u-tabbar 自定义tabbar
预期结果：
无论是否初次点击切换都不要tabbar闪动
无论是否初次点击切换都不要tabbar闪动
实际结果：
只要是全新打开app或h5应用都会至少一次闪动，这种体验非常友不好
只要是全新打开app或h5应用都会至少一次闪动，这种体验非常友不好
bug描述：
发现一个问题，就是自定底部tabbar，无论是app还h5应用在全新第一次打开，首次点击tabbar都会闪动至少一次，之后就不闪了。
l***@126.com (作者)
并不是插件问题哦，即使不用uview的组件，就用view来做也是一样的问题
2025-08-02 18:19