// App.vue
onShow: function() {
uni.setTabBarStyle({
color: '#FF0000',
selectedColor: '#00FF00',
backgroundColor: '#0000FF',
borderStyle: 'white',
})
},
mashirozx
- 发布：2021-05-26 14:27
- 更新：2022-10-19 19:49
- 阅读：1817
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 19042.985
HBuilderX类型： 正式
HBuilderX版本号： 3.1.13
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： MI10
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
onShow周期内调用 uni.setTabBarStyle() 方法改变tab bar样式
onShow周期内调用 uni.setTabBarStyle() 方法改变tab bar样式
预期结果：
APP启动的时候动态改变tab bar 样式
APP启动的时候动态改变tab bar 样式
实际结果：
相关代码段已执行且无报错，但是tab bar样式仍然是原来的
相关代码段已执行且无报错，但是tab bar样式仍然是原来的
bug描述：
uni.setTabBarStyle() 在APP上无效。H5可正常动态修改TabBar样式，APP上毫无作用
4 个回复
口区 - 惹
setTabBarStyle 和 setTabBarItem 好像只能在tabbar页面调用，其他页面是不行的
mashirozx (作者)
一楼正解，APP上只能在入口页面上调用setTabBarStyle
s***@126.com
我用/deep/ + !important重写tabbar样式在H5可以，运行到app就无效了
1***@163.com
最后app生效了吗
2024-07-17 09:42
2***@qq.com
就是在pages的第一个页面中重新设置就可以了