uni.setNavigationBarColor 设置字体颜色及背景色无效的四个原因

查水表小泰迪

已于 2023-02-20 23:36:12 修改

阅读量4.6k

点赞数 4

分类专栏： uniapp 文章标签： uniapp 前端

于 2023-02-20 23:32:30 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40259123/article/details/129133940

版权

uniapp 专栏收录该内容

2 篇文章

订阅专栏

在使用uni.setNavigationBarColor设置导航栏颜色时，需注意背景色和字体颜色需同时设置，字体颜色必须是小写十六进制的黑白颜色，且不能有空格，否则设置将无效。错误示例包括无效的颜色格式和颜色选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 只设置了背景色，背景色无效

//错误示范
uni.setNavigationBarColor({
    backgroundColor:"#c9e5fd"
})

注：背景色需要和字体颜色同时设置才能生效

2. 字体颜色只支持小写的十六进制，否则字体颜色和背景色均无效

//错误示范 1
uni.setNavigationBarColor({
    frontColor:"#fff",
    backgroundColor:"#c9e5fd"
})
// 错误示范 2
uni.setNavigationBarColor({
    frontColor:"#FFFFFF",
    backgroundColor:"#c9e5fd"
})

3. 字体颜色不能设置除了黑白以外的颜色，否则字体颜色和背景色均无效

//错误示范
uni.setNavigationBarColor({
    frontColor:"#c9e5fd",
    backgroundColor:"#c9e5fd"
})

注：字体颜色只支持黑白两种颜色：#ffffff 和 #000000

4. 字体颜色不能带空格符号，否则字体颜色及背景色设置无效

//错误示范
uni.setNavigationBarColor({
    frontColor:" #000000",
    backgroundColor:" #c9e5fd",
})

注：正确代码

// 正确示范
uni.setNavigationBarColor({
	frontColor:"#ffffff",
	backgroundColor:"#c9e5fd",
})