微信小程序真机测试时导航条样式获取失败？

问题描述

问 题

在开发工具调试的时候能正常显示，如下图：

但是在真机调试的时候却是全白的，如下图：

代码如下：
app.json下的设置

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "rgb(239,129,55)",
    "navigationBarTitleText": "投票",
    "navigationBarTextStyle": "#000"
  },

index.json下的设置

{
  "navigationBarTitleText": "投票",
  "navigationBarBackgroundColor": "rgb(239,129,55)"
}

没有一个起作用。沮丧

第二个问题：
底部的tabBar在开发工具调试的时候能正常显示，如下图：

但是一到真机上就变成下图：

代码：

"tabBar": {
    "selectedColor": "rgb(255,40,8)",
    "backgroundColor":"#ccc",
    "color":"#000",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "投票",
        "iconPath":"image/Rank.png",
        "selectedIconPath":"image/Money.png"
      },
      {
        "pagePath": "pages/money/money",
        "text": "钱包",
        "iconPath": "image/Money.png",
        "selectedIconPath": "image/Rank.png"
      }
    ]
  }

找不到原因～～求助～～～真的没有人知道为什么咩～～吼苦脑

解决方案

自问自答～～～铛铛铛，果然坑都要自己试出来。
"navigationBarBackgroundColor": "rgb(239,129,55)"
"selectedColor": "rgb(255,40,8)"

之前的颜色设置用的是rgb的形式，改成十六进制颜色码后就好了

第一个坑和第二个坑都是一个错误，就是设置字的颜色上出错了所以所有对导航条和tabbar的样式设置都出现了问题。
还有一点需要注意的是导航栏标题颜色，仅支持 black/white

这篇关于微信小程序真机测试时导航条样式获取失败？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！