原生导航栏字体大小只能通过 pages.json 的 titleNView.titleSize 配置（单位 px），CSS 无效；仅 App 和部分小程序支持，H5 忽略；iOS 建议 ≤22px，Android ≤24px。
uni-app 原生导航栏（titleNView）字体大小怎么设
原生导航栏的字体大小不能靠 CSS 覆盖，必须通过 pages.json 中的 titleNView 配置项控制，且不同平台行为不一致。
-
titleSize是唯一生效的字体大小配置项，单位必须是px（如"18px"），写rpx或不带单位会失效 - 仅对 App 端（
app-plus）和部分小程序平台（如微信、支付宝）有效；H5 端完全忽略此配置 - 若同时设置了
titleText和titleNView，但未启用autoBackButton，返回按钮可能显示异常或文字错位 - 实测发现：iOS 上
titleSize最大建议不超过22px，否则文字会被截断；Android 一般支持到24px
示例配置：
{
"path": "pages/index/index",
"style": {
"app-plus": {
"titleNView": {
"titleSize": "20px",
"titleAlign": "center",
"autoBackButton": true,
"backButton": {
"fontSize": "24px"
}
}
}
}
}
为什么用 CSS 修改 .uni-page-head__title 没反应
因为原生导航栏（titleNView）由原生渲染层绘制，不走 WebView 的 DOM 流程，所有页面内样式（包括 app.vue 全局样式）对其无效。
- 你看到的
.uni-page-head__title类只在「自定义导航栏」（非原生）时才存在，此时它本质是普通 view 组件，可用 CSS 控制 - 若
pages.json中该页面启用了titleNView: true，那 DOM 里根本不会生成.uni-page-head结构，查元素也找不到 - 常见误操作：在
app.vue里加!important强刷，结果只影响了自定义导航栏，却以为“没生效”
如何统一控制 App + 小程序端原生标题大小
没有真正“统一”的写法，只能分平台硬配，且需注意小程序平台间差异。
- 微信小程序：支持
titleSize，但实际渲染受系统状态栏高度挤压，建议搭配height一起调（如设为"44px"） - 支付宝小程序：同样支持
titleSize，但字号超过18px时可能出现行高塌陷，需手动加lineHeight（非标准字段，部分版本支持） - App 端（iOS/Android）：推荐用
titleSize+backButton.fontSize分开控制，避免返回按钮文字过小 - 务必在每个需要定制的页面单独配
style，根目录的globalStyle不会下推到titleNView
修改后字体没变？先检查这三件事
这类问题 90% 出在配置路径或条件判断上，不是代码写错，而是没走到那里。
- 确认当前页面在
pages.json的subNVue或titleNView配置是否为true—— 如果是false或缺失，那就压根没启用原生导航栏 - 检查运行环境：H5 下改
titleNView完全无效，调试时别用 H5 预览看效果 - App 端真机调试需重新打包（不是热更新），改完
pages.json后必须「发行 → 原生App」再安装，否则缓存旧配置
最易被忽略的一点：某些 UI 框架（如 uView、uni-ui）会在页面 onLoad 里动态 hide/show 导航栏，这可能导致你配的 titleNView 被运行时覆盖。遇到这种情况，得去翻对应组件源码里的 setNavigationBarColor 调用。
