微信小程序自定义导航栏单独设置某些页面胶囊背景色，微信小程序setNavigationBarColor无效，微信小程序更改右上角按钮背景色

前言

我们的小程序导航栏全局用的自定义导航，其中某两个页面的导航栏要有那种科技范儿，将导航栏背景设置成了透明背景，这样导航栏的背景色就跟着页面的背景走了，但是就是右上角的胶囊颜色不跟着变，用微信小程序提供的接口 wx.setNavigationBarColor 设置也不管用，无效，看图：

看配置和代码：
下图这个背景只适用于我们的自定义导航背景，是透明的

下图这个设置是微信小程序自己的接口，最终效果就是上方的白色的胶囊，太…太突兀以及太丑了

正解：

这个好像是之前看手册的时候上边说如果设置成了自定义的什么什么的好多微信小程序本身的东西就都失效了，突然间反应过来的，真的是突然间想起来了就试了试：

• 将当前页面导航单独设置成系统自带的导航
• 配置导航栏颜色背景和页面背景一样
• 查看结果，胶囊跟着变了

配置：

、

将自定义导航组件注释掉：

setNavigationBarColor 这个也不需要调用

看效果

欧克，就是酱紫，666，记录一下