小程序底部导航栏被canvas覆盖_微信小程序之自定义头部导航栏

现在小程序都支持自定义头部导航栏了，所以我们也会有这种需求~跟我一起入手吧～

1.了解头部导航栏构成

导航栏高度 包含两个部分：工具栏(1)和title栏(2)， 工具栏的高度一般是固定的20px，title栏的高度需要计算.

2.计算title栏高度

需要计算title-bar的高度

在 默认导航栏 & 无底部tab栏 的情况下，使用wx.getSystemInfoSync获取手机信息，可以看到两项信息:

• screenHeight 屏幕高度，单位px
• windowHeight 可使用窗口高度，单位