uni-app 云打包基进行运行时 "navigationBarTextStyle": "black" 显示为白色状态栏文字

uni-app 云打包基进行运行时 “navigationBarTextStyle”: “black” 显示为白色状态栏文字

# 产品分类
uniapp/App

# PC开发环境
| 操作系统 | 版本号 |
| -------- | ------ |
| Mac      | 10.15.7 |

# 手机系统
| 系统 | 版本号 | 厂商 | 机型 |
| ---- | ------ | ---- | ---- |
| iOS  | IOS 14 | 苹果 | iphone xs  os 14.5.1 |

# 页面类型
vue

# 打包方式
云端

# 项目创建方式
HBuilderX

# 操作步骤
云打包基进行运行  即可重现

# 预期结果
云打包基进行运行  "navigationBarTextStyle": "black" 应该是黑色状态栏栏文字

# 实际结果
云打包基进行运行  "navigationBarTextStyle": "black"  是白色状态栏文字

# bug描述
hx 3.1.13.20210514  
云打包 ios 设置"navigationBarTextStyle": "black",无效  都是白色

更多关于uni-app 云打包基进行运行时 "navigationBarTextStyle": "black" 显示为白色状态栏文字的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

怎么配置的？上传一个能复现问题完整的示例工程

更多关于uni-app 云打包基进行运行时 "navigationBarTextStyle": "black" 显示为白色状态栏文字的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的iOS系统特性问题。在iOS系统中，状态栏文字颜色实际上由当前页面的navigationBar背景色决定，而非navigationBarTextStyle单独控制。

当页面配置"navigationBarTextStyle": "black"时，需要同时满足以下条件才能在iOS上显示黑色状态栏文字：

  1. navigationBar背景色为浅色（通常为白色或浅灰色）
  2. 页面style配置"app-plus": {"titleNView": {"autoBackButton": true}}

建议检查以下配置：

  1. 确保pages.json中对应页面的navigationBar背景色为浅色
  2. 确认是否在manifest.json中全局设置了深色导航栏背景
  3. 尝试在页面级配置中明确设置背景色：
"navigationBarBackgroundColor": "#ffffff"
回到顶部