uni.setNavigationBarColor只改导航栏不改状态栏；小程序无法设置状态栏背景色，仅App（5+）和H5支持，且方式不同：App需用uni.setBackgroundColorToStatusBar或manifest.json配置，H5靠CSS模拟。
uni-app 里改不了状态栏颜色？先看平台和配置是否匹配
直接说结论：uni.setNavigationBarColor 不改状态栏，只改导航栏；而「状态栏背景色」在小程序里根本不能原生设置——微信、支付宝、抖音等平台均不开放该能力。只有 App（5+）和 H5 支持真正修改状态栏背景，且方式完全不同。
常见错误现象：调用 uni.setNavigationBarColor 后 iOS 看起来“好像变了”，但其实是导航栏上推覆盖了状态栏视觉区域；Android 上部分机型则完全没反应。这是因为状态栏（status bar）和导航栏（navigation bar）是两个独立系统控件，uni-app 的 API 默认不触碰前者。
- 小程序平台（含微信/支付宝/百度等）：无法设置状态栏背景色，只能靠页面顶部留白 + 背景色模拟“沉浸感”
- App 平台（5+）：支持
uni.setBackgroundColorToStatusBar，但需注意仅 Android 有效，iOS 需在manifest.json中预设statusbar配置 - H5 平台：可通过 CSS
:root { --status-bar-height: ... }+html或body背景色“假装”沉浸，无真实系统级控制
pages.json 里配 backgroundColorTop 为什么没用
这个配置项只在 5+ App 环境下生效，H5 和所有小程序中完全被忽略。而且它必须配合 "navigationStyle": "custom" 才起作用——否则会被原生导航栏遮盖。
实操建议：
- 确认你当前运行环境是「App」（真机或模拟器），不是微信开发者工具
- 在对应页面的
style中写全配置：{"navigationStyle":"custom","backgroundColorTop":"#1e293b","backgroundColorBottom":"#1e293b"} -
backgroundColorBottom在部分 Android 机型上用于控制底部虚拟按键栏颜色，非必需，可省略 - 若仍无效，检查
manifest.json → app-plus → statusbar是否设置了"immersed": true（默认为 true，但显式声明更稳妥）
想实现“滑动变色”的沉浸式状态栏？得自己画一个
所谓“状态栏颜色变化”，本质是让页面顶部区域随滚动动态改变高度和背景色，再用 var(--status-bar-height) 做占位。这不是系统状态栏真变了，而是视觉欺骗。
关键步骤：
- 在
pages.json中关闭原生导航栏："navigationStyle":"custom"
- 在页面
<template></template>顶部加一层<view class="status-bar"></view>，高度设为height: var(--status-bar-height) - 用
onPageScroll监听滚动，根据scrollTop动态切换status-bar的background-color和透明度 - 导航栏本体（如自定义标题栏）紧接其后，高度通常为
44px，两者合起来构成“沉浸式导航区”
注意：--status-bar-height 是 uni-app 提供的 CSS 变量，无需手动计算，但仅在 App 和 H5 生效，小程序里要 fallback 到 uni.getSystemInfoSync().statusBarHeight。
别踩坑：titleNView 和 custom 混用会失效
很多人以为在 app-plus 下设 "titleNView": false 就能隐藏导航栏，其实它只对 App 有效，且与 "navigationStyle": "custom" 冲突——后者优先级更高，一旦启用，titleNView 配置就自动作废。
正确做法只选一种：
- 要简单隐藏并自定义：统一用
"navigationStyle": "custom"，然后自己写 DOM - 要复用原生能力（如搜索框、按钮）：用
"titleNView": { ... }，但放弃状态栏背景控制权（iOS 下尤其受限） - 鸿蒙平台（HarmonyOS）目前不支持
titleNView自定义内容，必须走custom+ 手动布局
最常被忽略的一点：iOS 状态栏文字颜色（白/黑）只能由导航栏背景明暗决定，没有 API 强制设置；如果你背景是浅色却想要白色文字，只能换深色背景，或者改用原生插件（如 Ba-AppBar）绕过限制。
