uni-app 无法通过原生 api 捕获自定义导航栏“空白处点击”，因 navigationstyle: "custom" 后顶部区域由 webview 渲染，需用 catchtouchstart 监听组件自身事件；原生导航栏则完全不派发点击事件。
uni-app 没有原生 API 能直接捕获“导航栏空白处点击”，因为自定义导航栏（navigationStyle: "custom"）后，顶部区域完全由你自己的 <view></view> 渲染，所谓“空白处”其实是你的组件内部未绑定事件的区域；而原生导航栏（非 custom）根本**不派发任何点击事件**给 JS 层——这是平台限制，不是 uni-app 的 bug。
为什么 onNavigationBarButtonTap 和 onNavigationBarSearchInputClicked 都不触发
这两个生命周期只在使用原生导航栏、且你显式配置了按钮或搜索框时才生效。一旦设为 "navigationStyle": "custom"，它们就彻底失效。此时顶部区域已脱离原生控制，变成纯 WebView 内容，但你也失去了对它的“系统级点击穿透”的能力。
常见错误现象：onNavigationBarButtonTap 完全没反应，控制台也无报错，页面看起来“点不动”。
- 检查
pages.json中对应页面的style是否真为"navigationStyle": "custom"（注意引号和大小写） - 确认没有在其他地方（如 App.vue 或全局 mixin）意外调用
uni.showNavigationBarLoading()等干扰状态的方法 - 微信小程序真机上，如果自定义导航栏用了
position: fixed但未设z-index，可能被原生胶囊按钮盖住，导致点不到
如何让“空白处”可点击：用 catchtouchstart 拦截并透传
自定义导航栏本质是 <view class="nav"></view>，只要它覆盖了整个顶部区域，就可以通过监听其 touch 事件模拟“点击空白”。但要注意：iOS 微信会阻止 touchstart 在某些固定定位元素上的默认行为，所以必须用 catchtouchstart（而非 @touchstart）来阻止冒泡并确保触发。
示例代码（放在你的自定义导航栏组件内）：
<template><view class="nav" catchtouchstart="handleNavBlankClick"><view class="nav-title">标题</view><!-- 其他按钮 --></view></template><p><script>
export default {
methods: {
handleNavBlankClick() {
// 这里就是用户点了标题/空白区的逻辑
console.log('用户点击了导航栏空白处')
// 比如：返回上一页、打开菜单、触发动画...
}
}
}
</script></p>
-
catchtouchstart是关键，@touchstart在部分 iOS 微信版本中会被静默忽略 - 若导航栏内有子按钮（如返回图标），它们应使用
@click，避免和空白区逻辑冲突 - 不要在
handleNavBlankClick里直接调用uni.navigateBack()，需先判断是否在首页，否则会跳到白屏
安全区与胶囊按钮遮挡导致“点不中”的排查
iOS 设备顶部有胶囊状状态栏按钮（时间/信号），uni-app 默认会在自定义导航栏右侧留出空间（env(safe-area-inset-top) + 胶囊尺寸），但如果这个区域没被你的 DOM 覆盖，或者你用了 position: absolute 但 left/top 偏移不准，用户实际点击的是“看不见的空白”，事件根本不会到达你的组件。
- 用真机调试打开 Web Inspector，选中导航栏容器，确认其
width真实占满屏幕，且top: 0、left: 0 - 胶囊按钮区域高度约 44px，iOS 安全区顶部 inset 通常为 20px（iPhone X~15）或 0（老机型），建议用
uni.getWindowInfo()动态获取，别写死 - 如果导航栏用了
flex布局，检查justify-content: space-between是否把右侧内容顶到了胶囊下方，造成视觉错位
最易被忽略的一点：很多开发者以为“空白处点击”需要监听原生事件，其实它只是你组件里一块没加交互的 DOM —— 把它当普通按钮对待，加 catchtouchstart，再结合真实设备测点击热区，比查文档快十倍。
