uni-app中uni.setNavigationBarColor设置不起作用

uni-app中uni.setNavigationBarColor设置不起作用

示例代码：

function initTheme(theme) {
    const color = themeObj[theme]
    const frontColor = theme === 'white' ? '#000000' : '#ffffff'
    setTimeout(() => {
        uni.setNavigationBarColor({
            frontColor,
            backgroundColor: color
        })
    }, 200)
}

操作步骤：

调用uni.setNavigationBarColor， 设置状态栏字体从白色变为黑色

预期结果：

无论怎么操作，白主题状态栏字体黑色，其他主题状态栏字体白色

实际结果：

白主题，状态栏字体颜色异常。点导航栏当前页tab，状态栏字体从黑变白

bug描述：

uni.setNavigationBarColor设置frontColor黑色，backgroundColor白色时，最上方的状态栏字体颜色有时黑有时白，无法控制。 当状态栏电池及wifi颜色为白时，跟标题背景同色，即看不到电池状态和wifi信号图标了。 当在一个页面中状态栏字体颜色为黑时，点击下方导航栏同一个页面的tab，状态栏字体颜色会变成白色。 尝试了各种办法，加延迟等均无效果。


### 项目信息表

| 信息类别       | 信息内容          |
|----------------|-------------------|
| 产品分类       | uniapp/小程序/微信 |
| PC开发环境操作系统 | Mac               |
| PC开发环境操作系统版本号 | 10.15.4           |
| HBuilderX类型  | 正式              |
| HBuilderX版本号 | 3.2.15            |
| 第三方开发者工具版本号 | RC 1.05.2109131  |
| 基础库版本号   | 2.21.0            |
| 项目创建方式   | HBuilderX         |

更多关于uni-app中uni.setNavigationBarColor设置不起作用的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

看到好几篇报uni.setNavigationBarColor有Bug的问题，每篇都有个回答:…解决了。然而过几个版本又有了。从说HBuilderX 2.1.3 修复了，到HBuilderX 3.0.0修复，现在一个3.2.15(其它版本还没测的情况下)又出现了！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

更多关于uni-app中uni.setNavigationBarColor设置不起作用的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请提供可复现直接运行的简单示例（上传附件），方便我们快速排查问题哦。 【正确报bug的姿势】https://ask.dcloud.net.cn/article/38139

<view class="box2" hover-class="box2-active" hover-stop-propagation=""> <view class="box" hover-class="box-active" hover-stop-propagation="">我是一个大盒子</view> </view> .box{ width:200px; height:200px; background:red; } .box-active{ 
background:pink;  
}

.box2{
width:300px;
height:300px;
background:#4CD964;
}
.box2-active{
background:#007AFF;
}
大哥谁能告诉我下 为啥pc端实现不了hover-class 小程序可以实现

回到顶部