小程序中自定义头部高度如何获取

小程序中自定义头部高度需要分两种情况来讨论：

1. 使用了`navigationBarTitleText`自定义标题栏

如果是使用了`navigationBarTitleText`自定义标题栏，可以通过`wx.getSystemInfoSync()`获取系统信息，然后通过计算得出标题栏高度。具体代码如下：

const systemInfo = wx.getSystemInfoSync();
const statusBarHeight = systemInfo.statusBarHeight;
const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
const menuButtonHeight = menuButtonInfo.height + (menuButtonInfo.top - statusBarHeight) * 2;
const titleBarHeight = statusBarHeight + menuButtonHeight;

其中`statusBarHeight`表示系统状态栏高度，`menuButtonInfo`表示右上角胶囊按钮的布局信息，它的高度加上上下间距就是胶囊按钮的实际高度，`titleBarHeight`就是标题栏的高度。

2. 使用了自定义导航栏

如果是使用了自定义导航栏，可以在页面的onLoad生命周期中获取导航栏的高度，然后保存在数据中或者全局变量中，方便其他组件使用。具体代码如下：

onLoad: function () {
  const query = wx.createSelectorQuery();
  query.select('#nav-bar').boundingClientRect((rect) => {
    this.setData({
      navBarHeight: rect.height
    });
  }).exec();
}

其中`#nav-bar`是自定义导航栏的id，`boundingClientRect`方法可以获取该元素的布局信息，包括宽度和高度。获取到导航栏高度后，可以将它保存在组件的数据中，以便其他组件使用。