先把结论说清楚：uni-app并不能隐藏系统层面的锁屏界面按钮，它能管的，本质上还是应用内导航栏这部分元素；uni.hideHomeButton 只会在 reLaunch/redirectTo 页面里、并且仅在部分小程序场景下生效；到了 App 端，使用 app-plus 下的 titleNView.autoBackButton=false 算是最稳妥的方案，不过它依然挡不住 iOS 的左滑返回；H5 这边则需要借助 CSS 条件编译做更精确的隐藏处理；至于微信的胶囊按钮，没法直接隐藏，只能围绕它做适配。
先把概念捋清楚：uni-app 里并不存在“锁屏控制中心”这一说法，也没有对应的 API 能去隐藏系统级锁屏界面上的按钮，比如 iOS 的锁屏界面、Android 的锁屏界面都不在它的控制范围内。真正需要处理的，其实是 uni-app 应用内部的「原生导航栏」或「状态栏区域」里，由不同平台默认渲染出来的一些按钮。常见的就包括微信小程序右上角的胶囊按钮、App 端左上角的返回箭头，以及 H5 页面基于历史栈产生的回退按钮。
为什么 uni.hideHomeButton 有时不生效
这个 API 只对由 uni.reLaunch 或 uni.redirectTo 跳转进来的页面有效，且仅在部分平台（如微信小程序、钉钉小程序）起作用。真机上常见失效原因：
- 页面是通过
uni.na vigateTo打开的——uni.hideHomeButton对它无效 - 调用时机太早（
onLoad）或太晚（onShow延迟触发），按钮已渲染或已被销毁 - 目标平台根本不支持该 API（如 H5、支付宝小程序）
pages.json 中 titleNView 配置 autoBackButton 失效的常见场景
"titleNView": { "autoBackButton": false } 是 App 端最稳定的方式，但它只影响原生导航栏中的返回按钮，不控制其他元素。容易踩坑的地方：
- 没加
"app-plus"包裹层：必须写成"app-plus": { "titleNView": { "autoBackButton": false } }，否则配置被忽略 - 和
"na vigationStyle": "custom"冲突：后者会彻底移除原生导航栏，titleNView配置就失效了 - iOS 真机下仍可左滑返回：这是系统手势，与按钮无关，
autoBackButton: false不影响它
H5 平台如何真正隐藏左上角返回箭头
DOM 操作（如 document.querySelector('.uni-page-head-hd').style.display = 'none'）在页面加载后执行，会有明显闪现。更可靠的做法是用 CSS 选择器提前压制：
- 把样式写在
App.vue的 - 避免全局隐藏：
.uni-page-head-hd在多页应用中可能被复用，不加 data-page 会导致误杀
微信小程序右上角胶囊按钮无法隐藏
这是微信平台强制行为，uni-app 无权干预。即使你设置 "na vigationStyle": "custom"，胶囊按钮依然存在。目前唯一合规方案是适配它：
- 自定义导航栏高度设为
44px（不含状态栏），右侧预留88rpx宽度空间 - 不要尝试用
display: none或z-index盖住它——微信会拦截 DOM 修改，真机无效 - 若需完全去除此区域，只能放弃原生导航栏，改用透明标题栏 + 自定义顶部视图叠加（仅限 App 端可用
transparentTitle: "always"）
跨端一致隐藏几乎不存在，每个平台的限制逻辑不同。最稳妥的路径是：App 端走 titleNView 配置，小程序/H5 优先用 na vigationStyle: "custom"，再按平台补 CSS 或 JS 控制。别指望一个 API 或一行配置搞定所有端。
