titlenview 不支持在状态栏右侧直接添加图标，实际需通过 buttons 数组配置右上角按钮；仅 app 平台生效，小程序需自定义导航栏组件；text 必须为“\ue625”格式 unicode，fontsrc 须为 .ttf 文件且正确引入。
uni-app 的 titleNView 不支持直接设置状态栏右侧图标
状态栏（status bar）本身是系统级区域，uni-app 无法在原生状态栏里渲染自定义图标。所谓“状态栏右侧图标”，实际是导航栏（titleNView）右上角的按钮区域——它视觉上紧贴状态栏下方，但属于导航栏内容层。很多开发者误以为这是状态栏的一部分，结果在 statusBar 相关 API 或配置里反复折腾，徒劳无功。
用 titleNView.buttons 在导航栏右上角放图标
真正可行的方式，是在 titleNView 的 buttons 数组中添加一个按钮，并通过 float: "right" 定位到右侧。注意：该能力仅在 App 平台（iOS/Android）生效，H5 和小程序不支持 titleNView 的自定义按钮。
-
text必须是字体图标 Unicode（如"\ue625"），不能是图片路径或 SVG -
fontSrc指向本地 .ttf 文件，例如"/static/iconfont/iconfont.ttf"，且必须确保该字体已正确引入并声明为 @font-face（通常在App.vue或全局样式中） -
width和fontSize建议显式设置（如"40px"），否则 iOS 上图标可能被截断或偏移 - 多个按钮会从右往左排列，顺序写在数组末尾的会更靠右
示例配置（pages.json）：
{
"path": "pages/home/index",
"style": {
"navigationStyle": "custom",
"app-plus": {
"titleNView": {
"buttons": [
{ "text": "\ue625", "fontSrc": "/static/iconfont/iconfont.ttf", "width": "40px", "fontSize": "40px" }
]
}
}
}
}
小程序平台必须用自定义组件模拟“右侧图标”
微信/支付宝等小程序不识别 titleNView.buttons，只能放弃原生导航栏，改用页面内自定义导航栏组件。此时所谓“右侧图标”，其实是你手写的 <view></view> + <uni-icons></uni-icons> 或 <image></image>，放在导航栏容器的 position: absolute; right: Xpx 区域。
- 需先调用
uni.getMenuButtonBoundingClientRect()获取胶囊按钮位置，据此计算右侧安全间距，避免遮挡 - 图标点击事件必须绑定在自定义组件内部，不能依赖
titleNView的原生按钮回调 - 务必在
pages.json中设置"navigationStyle": "custom"，否则自定义导航栏会被系统导航栏盖住 - 状态栏高度要用
uni.getSystemInfoSync().statusBarHeight动态获取，不能写死
容易忽略的关键点：字体图标编码和平台兼容性
从 iconfont 下载的图标 CSS 文件里看到的 content: '\e625'，复制进 text 字段时，必须手动补全为 "\ue625"（加 \u 前缀）。漏掉 u 就会显示成方块或空白。
- App 平台要求字体文件是 .ttf 格式；.woff/.woff2 无效
- H5 平台完全不支持
titleNView.buttons，即使写了也无反应 - iOS 上若图标模糊，大概率是
fontSize过小（建议 ≥36px）或未开启 Retina 渲染（可在manifest.json中确认plus->distribute->ios->retina是否为 true） - 真机调试时，部分 Android 厂商定制系统（如华为 EMUI）可能对
titleNView渲染有延迟或错位，建议加delay: 100等待 DOM 就绪再操作
最常出问题的不是代码逻辑，而是字体文件路径拼错、Unicode 编码漏 u、或者在小程序里硬套 App 的配置方式——这三处卡住的人最多。
