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

问题现象:

在把开发工具从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最后找到是③的问题。

问题总结:

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

你可能感兴趣的:(微信开发-踩坑,小程序,javascript)