原生导航栏按钮点击后无法直接弹出uni.showmodal或popup组件，因其渲染在webview层而被系统级导航栏遮挡；推荐改用custom导航栏或app端subnvue子窗体实现穿透。
原生导航栏按钮点击后无法直接弹出 uni.showModal 或 Popup 组件，因为它们渲染在 WebView 层，会被原生导航栏遮挡——这是跨平台层级隔离导致的必然现象，不是代码写错了。
为什么 navigationBarButtons 点击后弹窗“看不见”
原生导航栏（navigationStyle: "default"）是系统级控件，独立于 WebView 渲染；而 uni.showModal、uni.showToast、<u-popup></u-popup> 等全部运行在 WebView 内部。哪怕你把 z-index 设成 999999，也盖不住导航栏——这不是 CSS 问题，是容器隔离问题。
- 微信小程序：原生导航栏永远在最上层，WebView 弹窗只能出现在它下方
- App 端（iOS/Android）：WebView 的弹窗默认挂载在当前 Webview 的 Window 下，但导航栏属于更高层级的 Activity / UIViewController
- H5 端：无此问题，
z-index可控，但 H5 本身不支持navigationBarButtons
真机可用的两种可行方案
必须绕过 WebView 渲染层，用平台原生能力或子窗体实现穿透：
-
方案一（推荐）：改用
navigationStyle: "custom"+ 自定义按钮
在pages.json中关闭原生导航栏，用<view></view>手动画一个导航栏，按钮绑定@click后可自由调用uni.showActionSheet、<u-popup></u-popup>或<cover-view></cover-view>，完全可控且跨端一致 -
方案二（仅 App 真机）：用 subNVue 实现穿透弹窗
新建subNVue/action-sheet.nvue，在pages.json对应页面配置"subNVue": [{ "id": "action-sheet", "path": "subNVue/action-sheet.nvue" }]；点击按钮后通过uni.getSubNVueById('action-sheet').show()触发——它能真正浮在导航栏、video、web-view 之上，但不支持模拟器调试
pages.json 配置 navigationBarButtons 的实际限制
即使你按文档配了 navigationBarButtons，也只支持极简交互：
- 点击后只能触发
onNavigationBarButtonTap回调，不能直接执行 DOM 操作或显示组件 - 回调里调用
uni.showActionSheet在微信小程序中会显示在导航栏下方（用户需上滑才看到），体验割裂 - App 端调用
uni.showModal有可能被 web-view 遮挡，尤其当页面含地图、摄像头等插件时 - 按钮
type值仅限"home"、"search"、"more"等预设类型，无法自定义图标或文字颜色
真正要弹窗，就别和原生导航栏硬刚——要么退一步用 custom 导航栏自己画，要么进一步用 subNVue 上原生子窗体。跨端一致性从来不是靠“强行覆盖”实现的，而是选对渲染层级。
