Wechat applet -- dynamically set the navigation bar color

Since you want to dynamically set the navigation bar color , It is estimated that Custom navigation bar I can't run

About dynamically setting the navigation bar color , The official document of wechat applet gives a API: wx.setNavigationBarColor

Official example ：

wx.setNavigationBarColor({
    
  frontColor: '#ffffff',
  backgroundColor: '#ff0000',
  animation: {
    
    duration: 400,
    timingFunc: 'easeIn'
  }
})

My actual use :

    wx.setNavigationBarColor({
    
      frontColor: '#ffffff',
      backgroundColor: '#ffffff',
      animation: {
    
        duration: 400,
        timingFunc: 'easeIn'
      },
      success: () => {
    
        console.log(' Set up the success ')
      },
      fail: () => {
    
        console.log(' Setup failed ')
      },
      complete: () => {
    
        console.log(' End of setup ')
      },
    })

It should be noted that ：

• frontColor There are only two options ：#ffffff and #000000
• frontColor、backgroundColor Both need to be set