Hiroshi
Hiroshi
  • 发布:2022-06-11 17:14
  • 更新:2022-11-22 15:20
  • 阅读:783

【报Bug】vue3版本的nvue首页,无法通过"navigationBarTextStyle": "black" 修改手机状态栏文字颜色为黑色

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: window10

HBuilderX类型: 正式

HBuilderX版本号: 3.4.15

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 红米K40

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
{  
    "pages": [   
        {  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "首页"  
            }  
        }, {  
            "path": "pages/login/login",  
            "style": {  
                "navigationBarTitleText": "登录"  
            }  

        }  
    ],  
    "globalStyle": {  
        "navigationBarTextStyle": "black",  
        "navigationBarTitleText": "uni-app",  
        "navigationBarBackgroundColor": "#F8F8F8",  
        "backgroundColor": "#f5f7f9"  
    }  
}

操作步骤:

新建一个vue3版本的空白项目,pages.json文件里的 navigationBarTextStyle 设置为black,将index.vue改为index.nvue,连接手机运行到真机,状态栏的文字颜色还是白色,无法修改。

预期结果:

能正常修改手机状态栏的文字颜色

实际结果:

无论怎么修改都是白色

bug描述:

新建一个空白项目,pages.json文件里的 navigationBarTextStyle 设置了黑色字体,状态栏的颜色还是白色,无法修改。
Vue版本3 ,首页是 nvue文件

2022-06-11 17:14 负责人:DCloud_UNI_WZF 分享
已邀请:

最佳回复

DCloud_UNI_WZF

DCloud_UNI_WZF

HBuilderX 3.6.10 已修复

哈哈柚

哈哈柚

https://ask.dcloud.net.cn/question/139770
应该是同一个问题,目前我在首页如下处理方式:

import { onReady } from "@dcloudio/uni-app";  
onReady(() => {  
        // 临时解决方案详见 https://ask.dcloud.net.cn/question/139770  
        uni.setNavigationBarColor({  
            frontColor: '#000000'  
        })  
    })
  • Hiroshi (作者)

    感谢解答。但二月份确认的bug,现在还没修复,有点离谱

    2022-06-11 22:35

该问题目前已经被锁定, 无法添加新回复