uni-app ios 状态栏在 black 模式不生效

uni-app ios 状态栏在 black 模式不生效

信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Windows
PC版本号 win10
HBuilderX Alpha
HBuilderX版本号 3.2.0
手机系统 iOS
手机系统版本号 IOS 14
手机厂商 苹果
手机机型 iPhone 6s, Iphone Xs
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

ios 设置 black 状态栏不生效

{
     "path" : "pages/system/account/privacy/privacy",  
    "style" : {  
        "navigationBarTextStyle":"black",  
        "navigationBarTitleText":"隐私"  
    }  
}

预期结果：

ios 设置 black 状态栏生效

{
     "path" : "pages/system/account/privacy/privacy",  
    "style" : {  
        "navigationBarTextStyle":"black",  
        "navigationBarTitleText":"隐私"  
    }  
}

实际结果：

ios 设置 black 状态栏不生效

{
     "path" : "pages/system/account/privacy/privacy",  
    "style" : {  
        "navigationBarTextStyle":"black",  
        "navigationBarTitleText":"隐私"  
    }  
}

bug描述：

ios 设置 black 状态栏不生效

{
     "path" : "pages/system/account/privacy/privacy",  
    "style" : {  
        "navigationBarTextStyle":"black",  
        "navigationBarTitleText":"隐私"  
    }  
}


更多关于uni-app ios 状态栏在 black 模式不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

11 回复

是不是状态栏，字体颜色变成白色或者黑色甚至不生效。安卓端正常 我现在好像也遇到了这个问题

更多关于uni-app ios 状态栏在 black 模式不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


状态栏变成白色的，设置黑色不生效

回复 mmh_xiaofu: 对，我刚提交了这个bug

https://ask.dcloud.net.cn/question/128126

你看看我发的这篇文章

回复 a***@helloyun.cn: uni.setNavigationBarColor和page.json 配置都不生效

回复 mmh_xiaofu: 你看看我提交的那个bug是不是和你的情况很像

回复 a***@helloyun.cn: 嗯，uni.setNavigationBarColor和page.json 这两种设置都不生效，安卓没问题，就ios

回复 mmh_xiaofu: 等待官方修复 我们一起

感谢反馈，此问题是3.2.0版本引出的问题，已修复，重新提交打包即可解决

在 iOS 中，navigationBarTextStyle 设置为 black 时状态栏文字不生效，通常是因为 iOS 系统的状态栏样式与导航栏背景色对比度不足导致的。black 样式在浅色背景上显示为黑色文字，但 iOS 系统可能会根据导航栏背景色自动调整状态栏样式。

请检查以下配置：

  1. 确认全局样式：在 pages.json 的 globalStyle 中设置 navigationBarTextStyle 为 black，确保全局生效。

    "globalStyle": {
    "navigationBarTextStyle": "black"
}

  2. 检查导航栏背景色：如果导航栏背景色为深色，iOS 系统可能会强制状态栏文字为白色。请确保导航栏背景色为浅色（例如白色），以便黑色文字可见。

    "style": {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black"
}

  3. 使用原生导航栏：在 pages.json 中为当前页面启用原生导航栏，确保样式一致性。

    "style": {
    "navigationStyle": "custom"
}

  4. 检查 iOS 状态栏配置：在 manifest.json 的 app-plus 节点下，设置 statusbar 的 style 为 dark，以强制 iOS 状态栏为深色模式。

    "app-plus": {
    "statusbar": {
        "style": "dark"
    }
}
回到顶部