小程序导航栏颜色设置

导航栏的设置

在实际的开发过程中，窗口页面的颜色是多样的，小程序默认的导航栏颜色不能满足我们的开发需求，需要自己去设置，刚好，小程序官方文档里提供了解决方法。 在app.json中可以配置全局(默认)的文字、颜色等官方文档

navigationBarBackgroundColorHexColor#000000导航栏背景颜色，如"#000000"navigationBarTextStyleStringwhite 导航栏标题颜色，仅支持 black/whitenavigationBarTitleTextString 导航栏标题文字内容复制代码

以上是我们需要使用的属性。 而如果我们的需求是修改某一页的标题，则在对应page下新建json格式文件，如想要来list页面下修改文字则只需要在page/list文件夹下添加对应的list.json文件

{"navigationBarTitleText": "list"}复制代码

注意，本文件中不能有注释

遇到的坑

当我按照文档设置好颜色后，在手机上扫码发现导航栏颜色和窗口颜色有明显的色差????? 我明明设置的一模一样的颜色啊，为什么会有色差？？？ 仔细查看文档发现，官方文档的示例为16进制的颜色，而我们UI小姐姐给我的是RGB制的颜色，然后，打开程序猿利器搜索引擎，找了个在线转换颜色格式的网站，转化了一下格式，统一为16进制后，再次扫码，OK，问题解决。 一句话解决解决的结论： 在小程序中，设置导航栏颜色时候，最好为16进制颜色