uni-app uni.setTabBarStyle() 在APP上无效
uni-app uni.setTabBarStyle() 在APP上无效
示例代码:
// App.vue
onShow: function() {
uni.setTabBarStyle({
color: '#FF0000',
selectedColor: '#00FF00',
backgroundColor: '#0000FF',
borderStyle: 'white',
})
},
操作步骤:
- onShow周期内调用 uni.setTabBarStyle() 方法改变tab bar样式
预期结果:
- APP启动的时候动态改变tab bar 样式
实际结果:
- 相关代码段已执行且无报错,但是tab bar样式仍然是原来的
bug描述:
- uni.setTabBarStyle() 在APP上无效。H5可正常动态修改TabBar样式,APP上毫无作用
| 信息类别 | 详细信息 |
|----------------|------------------------|
| 产品分类 | uniapp/App |
| PC开发环境 | Windows |
| PC操作系统版本 | 19042.985 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 3.1.13 |
| 手机系统 | Android |
| 手机系统版本 | Android 11 |
| 手机厂商 | 小米 |
| 手机机型 | MI10 |
| 页面类型 | vue |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
更多关于uni-app uni.setTabBarStyle() 在APP上无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
5 回复
setTabBarStyle 和 setTabBarItem 好像只能在tabbar页面调用,其他页面是不行的
更多关于uni-app uni.setTabBarStyle() 在APP上无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
一楼正解,APP上只能在入口页面上调用setTabBarStyle
我用/deep/ + !important重写tabbar样式在H5可以,运行到app就无效了
最后app生效了吗
就是在pages的第一个页面中重新设置就可以了

