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

navigationBar相信大家都不陌生把？今天我们就来说说自定义navigationBar，把它改变成我们想要的样子。window全局配置里有个参数：navigationStyle，default=默认样式，custom=自定义样式。让我们看看隐藏后的效果：可以看到原生的navigationBar已经消失了，剩下孤零零的胶囊按钮，胶囊按钮是无法隐藏的。下面是官方给的示意图，方便大家理解几个坐标。下面附几张其它小程序的效果图，大家也可以尝试照着做：本文写了自定义navigationBar的一些基础性东西，里面涉及组件用法、参数传递、导航栏相关。由于测试环境有限，大家在使用时如果发现有什么问题，希望及时反馈，以供及时更新帮助更多的人！