手机状态栏就是这个区域
近期项目有一个需求 ， 手机状态栏是需要进行动态修改颜色的 虽然他也就只有两个取值，一个白色一个黑色，翻阅文档 ，uniapp和微信小程序都写了相关的在页面动态修改的方法 ，但是代码写上去却不生效。
onPageScroll(e) {
if (e.scrollTop > 360) {
this.isTopBg = true
wx.setNavigationBarColor({
frontColor: "#000000",
})
} else {
wx.setNavigationBarColor({
frontColor: '#ffffff',
})
this.isTopBg = false
}
},
最后通过一系列操作终于发现了解决方案 下面就是正确的书写方法
文章来源：https://www.toymoban.com/news/detail-532528.html
onPageScroll(e) {
if (e.scrollTop > 360) {
this.isTopBg = true
wx.setNavigationBarColor({
frontColor: "#000000",
backgroundColor:'#fff'
})
} else {
wx.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor:'#fff'
})
this.isTopBg = false
}
},
uni.setNavigationBarColor在使用的时候 需要同时设置frontColor和backgroundColor 才能生效 这是一个坑，希望能够帮到大家
微信小程序的wx.setNavigationBarColor和上面是一样的文章来源地址https://www.toymoban.com/news/detail-532528.html
到了这里，关于navigationBarTextStyle动态修改状态栏颜色的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
