uni-app中无法直接设置状态栏高度，只能通过uni.getSystemInfoSync()读取statusBarHeight，并在onLoad/onReady中获取；需结合custom导航栏、动态占位及平台差异处理实现视觉适配。
uni-app里JS无法直接设置状态栏高度
状态栏高度是系统级只读属性，uni.getSystemInfoSync() 返回的 statusBarHeight 只能读取，不能写入或动态修改。所谓“动态改变状态栏高度”，实际是指：在不同页面或场景下，通过适配策略让内容避开状态栏、或配合自定义导航栏实现视觉上的高度变化。
如何获取并响应真实状态栏高度
必须在 onLoad 或 onReady 中调用 uni.getSystemInfoSync()，避免在 data 初始化时读取（此时可能未就绪）：
onLoad() {
const { statusBarHeight } = uni.getSystemInfoSync();
this.statusBarHeight = statusBarHeight; // 绑定到 data 或 reactive 响应式变量
}
- Android 和 iOS 的
statusBarHeight差异明显（iOS 通常为 44 或 50，Android 多为 24–30），需以实测值为准 - H5 端返回
0，因为浏览器无原生状态栏；若启用了"navigationStyle": "custom"，需自行模拟顶部安全区 - 微信小程序真机调试时，部分低版本基础库可能返回错误值（如
0），建议加兜底逻辑：Math.max(statusBarHeight, 20)
配合 custom navigationStyle 实现“动态”视觉效果
真正可控的是导航栏区域。当 pages.json 中某页设为 "navigationStyle": "custom" 后，状态栏会透出，此时需用 statusBarHeight 手动撑开顶部占位：
<view class="status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
- 不能依赖 CSS 的
env(safe-area-inset-top)在所有平台生效（H5 不支持，App 端需plus.webview.currentWebview().setStyle({ safearea: { background: 'transparent' } })配合） - 如果页面切换时需要“切换状态栏样式”（比如深色/浅色），要用
uni.setNavigationBarColor+uni.setStatusBarStyle，而非改高度 - App 端使用
uni.getSystemInfo异步获取时，务必await或用回调，否则statusBarHeight可能为undefined
常见误操作：试图用 CSS 动态覆盖状态栏
有人尝试用 position: fixed; top: 0; height: 60px 模拟状态栏，这会导致两个问题：
- 遮挡原生状态栏时间、信号图标（尤其 iOS），用户无法查看电量和网络状态
- 横屏时
statusBarHeight可能变为0（状态栏隐藏），但 CSS 固定高度不会自动消失 - 微信小程序中，
cover-view无法覆盖状态栏区域，view会被截断
真正的动态适配，是读取、判断、按需渲染占位，而不是强行覆盖或伪造。
