当前位置: 首页 > article >正文

wx.setNavigationBarColor动态设置导航栏颜色无效(亲测有效)

wx.setNavigationBarColor动态设置导航栏颜色无效(亲测有效)

    • 问题描述
    • 问题分析
    • 问题解决
    • 注意

问题描述

wx.setNavigationBarColor({
     frontColor: '#E6E6E6',
     backgroundColor: '#E6E6E6'
})

上面的代码设置后导航栏颜色没有变化,查看了app.json 以及当前界面的json 文件都没有任何变化
查看了教程说是字体颜色没一起设置或者背景颜色没有解决

app.json
当前界面json 文件

问题分析

app.json 以及当前界面json 文件都有配置,但不会影响wx.setNavigationBarColor的设置
wx.setNavigationBarColor 在当前界面优先级较高,仔细看了一下官方文档的参数配置里面的 frontColor参数有特别标注

官方文档

问题解决

frontColor 按照文档二选一进行设置
问题解决
问题即可修复

注意

  1. frontColor、backgroundColor 这两个参数需要一起搭配使用,否则无效
  2. 在app.json 以及本界面json 里面配置的导航栏颜色,wx.setNavigationBarColor 也会生效

http://www.kler.cn/a/375603.html

相关文章:

  • C#代码生成器实现原理
  • 【NOIP普及组】 FBI树
  • Python 自动化运维:安全与合规最佳实践
  • jdbc简单使用
  • python 爬虫 入门 五、抓取图片、视频
  • 界面控件DevExpress WPF中文教程:Data Grid——卡片视图概述
  • Hailo-8/8L系列汇总
  • 小白Git操作简洁步骤
  • PostgreSQL 增量备份:保护你的数据资产
  • ARKit读取LiDAR点云
  • qt QGroupBox详解
  • IO详解(BIO、NIO、实战案例、底层原理刨析)
  • CSS3简介(一)
  • 解决项目中图片出不来的bug
  • ubuntu启动慢,如何看启动耗时分布
  • 分布式 ID 生成策略(二)
  • Redis 内存回收策略小结
  • Spark中的常见算子
  • ubuntu22-安装vscode-配置shell命令环境-mac安装
  • Serverless + AI 让应用开发更简单
  • 报错:npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。
  • vue3-element-admin 去掉登录
  • Docker Compose入门学习——下载、授权、创建文件、定义服务
  • 创建一个基于SSM(Spring, Spring MVC, MyBatis)的教学视频点播系统
  • Sigrity Power SI Multiple Structure Simulation模式如何进行跨板级联仿真操作指导(一)
  • npm install -g @vue/cil 非常卡慢