【报Bug】uni.setNavigationBarColor设置不起作用

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 10.15.4

HBuilderX类型：正式

HBuilderX版本号： 3.2.15

第三方开发者工具版本号： RC 1.05.2109131

基础库版本号： 2.21.0

项目创建方式： HBuilderX

示例代码：

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，状态栏字体颜色会变成白色。
尝试了各种办法，加延迟等均无效果。

2021-11-26 14:58 负责人:无分享

3 个回复

7***@qq.com (作者)

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

DCloud_UNI_Anne

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

刚学uinapp - uniapp

    <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 小程序可以实现

该问题目前已经被锁定, 无法添加新回复

【报Bug】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描述：

3 个回复

公告

相关问题

【报Bug】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描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

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

操作步骤：

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

预期结果：

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

实际结果：

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