微信小程序自定义navigationBar顶部导航栏适配所有

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

　　可以看到原生的navigationBar已经消失了，剩下孤零零的胶囊按钮，胶囊按钮是无法隐藏的。

　　用wx.getSystemInfoSync() 【官方文档】 获取系统信息，里面有个参数：statusBarHeight（状态栏高度）动态网页asp编程实例图解法ASP编程，是我们后面计算整个导航栏的高度需要用到的。

　　我们先要知道导航栏高度是怎么组成的， 计算公式： 导航栏高度 = 状态栏到胶囊的间距（胶囊距上距离-状态栏高度） * 2 + 胶囊高度 + 状态栏高度 。

　　自定义导航栏会应用到多个、甚至全部页面，所以封装成组件动态网页asp编程实例图片大全，方便调用；下面是我写的一个简单例子：

　　本文写了自定义navigationBar的一些基础性东西，里面涉及组件用法、参数传递、导航栏相关。