---

欢迎关注 『uniapp』 专栏，持续更新中
欢迎关注 『uniapp』 专栏，持续更新中

文档参数说明

参数是否正确

• 首先一点,frontColor和backgroundColor是必填的,你不能只设置其中一个,必须同时填写,而且有一个设置错误(比如有一个颜色是错的)都会让你这个设置失效.

• 要求颜色值必须是16位 形如#0000ff的string,不能是什么white,red这种,会导致设置失败

正确

uni.setNavigationBarColor({frontColor: "#000000",backgroundColor: "#f8f8f8",
})

错误

uni.setNavigationBarColor({frontColor: "white",backgroundColor: "#f8f8f8",
})

---

逻辑有效性

如果需要在页面进入时设置标题，可以在onReady内执行，以避免被框架内的修改所覆盖。如果必须在onShow内执行需要延迟一小段时间.你会发现明明没有任何问题,颜色值是对的.但是修改的实际效果颜色不对.

很多时候动态主题切换需要在onshow中判定,onReady其实不推荐,我最终是延迟执行.如果大家有更好的方法也可以反馈给我.

// 即延迟 100 毫秒执行 看不出来什么速度区别  不用这个会被框架的颜色值覆盖
setTimeout(() => {uni.setNavigationBarColor({frontColor: this.navTxtStyle,backgroundColor: this.navbarBackground,})
}, 100); 
// uni.setNavigationBarColor({
// 	frontColor: this.navTxtStyle,
// 	backgroundColor: this.navbarBackground,
// })

---

总结

大家喜欢的话，给个👍，点个关注！给大家分享更多计算机专业学生的求学之路！

版权声明：

发现你走远了@mzh原创作品，转载必须标注原文链接

Copyright 2024 mzh

Crated：2024-4-1

欢迎关注 『uniapp』 专栏，持续更新中
欢迎关注 『uniapp』 专栏，持续更新中
『未完待续』

---