支付宝小程序中navigationStyle:"custom"单独设置无效，必须同时配置navigationBarTitleText为空字符串及mp-alipay的transparentTitle:"always"和titlePenetrate:"YES"。
直接说结论：在支付宝小程序里，navigationStyle: "custom" 单独写根本不管用，必须配合 mp-alipay 专属配置，且页面级 navigationBarTitleText 不能为空（哪怕设为空字符串）。
为什么支付宝小程序的 navigationStyle: "custom" 总是失效
这不是你配错了，是支付宝小程序引擎根本不认这个字段的“单独存在”。它不像微信那样把 navigationStyle 当作开关，而是要求你同时声明“透明标题行为”和“内容穿透能力”。如果只写 "navigationStyle": "custom"，支付宝会默默忽略，继续渲染默认导航栏——或者更糟，留出空白高度但不显示任何内容。
常见错误现象包括：
- 顶部出现一块纯白/纯灰的空白区域，高度约 44px～64px 不等
- 自定义导航栏组件渲染了，但被压在系统导航栏下面，完全看不见
- H5 和微信正常，一编译到支付宝就“消失”
pages.json 中必须写的三要素
支付宝小程序的自定义导航生效，依赖以下三个配置项**同时存在**于页面级 style 中（不能只放 globalStyle）：
-
navigationStyle: "custom"—— 基础声明，告诉 uni-app “我要接管” -
navigationBarTitleText: ""—— 关键！不写或写成null/undefined，支付宝会强行显示默认标题“uni app”，导致样式错乱 -
mp-alipay对象内必须含：
transparentTitle: "always"（启用透明标题）
titlePenetrate: "YES"（允许页面内容上浮到标题区）
正确示例（pages.json 片段）：
{
"path": "pages/index/index",
"style": {
"navigationStyle": "custom",
"navigationBarTitleText": "",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES"
}
}
}
自定义导航栏内容要撑开状态栏高度
支付宝小程序的状态栏高度和微信不一致（尤其在部分安卓机上），且 titlePenetrate: "YES" 只是“允许穿透”，不代表自动适配。如果你的自定义导航栏没加 paddingTop，内容大概率会被状态栏裁掉。
必须手动获取并应用：
- 在页面
onLoad或onReady中调用uni.getSystemInfoSync().statusBarHeight - 把结果绑定到 data，并用在 template 的 style 上，例如：
:style="{ paddingTop: statusBarHeight + 'px' }" - 注意：不要用
px硬编码，不同机型状态栏高度差异明显（iOS 通常 20px，部分安卓 24px、28px 甚至 40px）
容易被忽略的编译与缓存陷阱
改完 pages.json 后仍不生效？别急着怀疑代码逻辑，先排查这些“隐形干扰”：
- HBuilderX 没有真正重新编译：支付宝小程序的配置变更不会热更新，必须点击「运行到小程序模拟器」或「发行」重新打包
- 旧版
unpackage缓存残留：删除项目根目录下的unpackage文件夹，再重新运行 - 支付宝开发者工具未刷新：真机调试前，务必清空开发者工具的「缓存数据」并重启工具
- 条件编译误用了
#ifdef MP-WEIXIN：支付宝相关配置不能放在微信条件编译块里，它需要无条件出现在 pages.json 页面配置中
最稳妥的做法是：改完配置 → 删 unpackage → 关闭 HBuilderX → 重启 → 重新运行到支付宝模拟器。
