微信小程序设置自定义导航栏

当微信小程序的页面配置 navigationStyle 设置为 custom 时，则启用了自定义导航栏设置。

因此，一般情况下，状态栏和导航栏的高度需要我们自己进行获取和设置。

// 调用微信小程序提供的获取系统信息的 API
const system = wx.getSystemInfoSync();
// 获取状态栏的高度，单位为 px
let statusHeight = system.statusBarHeight;

// 调用微信小程序提供的获取菜单按钮（右上角胶囊按钮）的布局位置信息的 API
const custom = wx.getMenuButtonBoundingClientRect();
// 根据返回的参数进行计算，来获取到导航栏的高度
let height = (custom.top - statusHeight) * 2 + custom.height;