文件名称：小程序自定义导航栏，兼容适配所有机型（附完整案例）
文件大小：298KB
文件格式：PDF
更新时间：2024-04-18 10:44:03
小,程序,自定义,导航,栏,兼容,适配,所有,机型,
大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。 思路 隐藏官方导航栏 获取胶囊按钮、状态栏相关数据以供后续计算 根据不同机型计算导航栏高度 编写新的导航栏 页面引用自定义导航 正文 隐藏官方导航栏 隐藏导航栏可以全局配置，也可以单独页面配置，具体根据业务需求来。 (此图片来源于网络，如有侵权，请联系删除! ) 全局隐藏 //app.json "window": { "navigationStyle": "custom" } 复制代码 页面隐藏 //page.json { "navigati