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的第一个页面中重新设置就可以了

回到顶部