微信小程序导航栏颜色不对问题

问题现象:

在把开发工具从stable版改为nightly build版时,原本设定的导航栏颜色是#0056b9,在程序运行时,开始时变为#0056b9,然后瞬间变为红色???

重新把开发版更新为稳定版后,问题依旧存在。

解决思路:

导航栏颜色,相关设定为:

        ①app.json中的  "navigationBarBackgroundColor": "#0056b9"

        ②index.json中的  "navigationBarBackgroundColor": "#0056b9"

        ③index.js中的

                 wx.setNavigationBarColor({

                         frontColor: '#ffffff',

                         backgroundColor: '#0056b9',

                         animation: {

                              duration: 400,

                               timingFunc: 'easeIn'

                          }

                 })//后来才知道的。。。。

之前一直以为只有前两个可以设置导航栏颜色,纯粹是版本导致的加载时的颜色设置不对问题,后来发现怎么也解决不了该问题。一直以为是版本切换造成的问题,后来重新新建了一个项目,改变①②,发现可以成功改变导航栏颜色,那么排除版本bug,应该是某个不小心的设置错误。最后观察到,页面闪了一下后,变为红色,然后感觉应该是重新渲染的原因,看js最后找到是③的问题。

问题总结:

遇到问题不慌,分析可能的原因,一 一排除,实在解决不了,稍微放一下,说不定就有思路了。该问题花了我俩天,周五发现和周一解决。。。中间休息了两天

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值