[微信小程序] 自定义navigationBar顶部导航栏，兼容适配所有机型（完整案例）

前言

navigationBar相信大家都不陌生把？今天我们就来说说自定义navigationBar，把它改变成我们想要的样子（搜索框+胶囊、搜索框+返回按钮+胶囊等）。

思路

• 隐藏原生样式

• 获取胶囊按钮、状态栏相关数据以供后续计算

• 根据不同机型计算出该机型的导航栏高度，进行适配

<

上一篇：如何实现微信小程序自定义navigationBar顶部导航栏适配所有机型

下一篇：微信小程序自定义navigationBar顶部导航栏适配所有机型（附完整案例）