前言

我们的小程序导航栏全局用的自定义导航,其中某两个页面的导航栏要有那种科技范儿,将导航栏背景设置成了透明背景,这样导航栏的背景色就跟着页面的背景走了,但是就是右上角的胶囊颜色不跟着变,用微信小程序提供的接口 wx.setNavigationBarColor 设置也不管用,无效,看图:
在这里插入图片描述
看配置和代码:
下图这个背景只适用于我们的自定义导航背景,是透明的
在这里插入图片描述
下图这个设置是微信小程序自己的接口,最终效果就是上方的白色的胶囊,太…太突兀以及太丑了
在这里插入图片描述

正解:

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

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

在这里插入图片描述、

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

在这里插入图片描述

setNavigationBarColor 这个也不需要调用

在这里插入图片描述

看效果

在这里插入图片描述
欧克,就是酱紫,666,记录一下

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐