微信小程序使用自定义tabbar 想要获取tabbar的高度,返回的结果是null,该如何获取?

在使用自定义tabbar时，你可能会需要获取tabbar的高度，但是按照网上的方法却得不到正确的结果，这让你十分头疼。那么该怎么办呢？小编为大家整理了以下几个方法，希望能够帮到大家。

1️⃣ 使用wx.getSystemInfoSync()方法获取系统信息，然后通过计算得出tabbar的高度。

示例代码如下：

const systemInfo = wx.getSystemInfoSync();const height = systemInfo.screenHeight - systemInfo.windowHeight - systemInfo.statusBarHeight - 44;console.log('tabbar的高度为：', height);

2️⃣ 在page.JSON文件中设置"custom": true，然后在tabBar组件上绑定一个id，接着在页面的onLoad生命周期函数中使用wx.createSelectorQuery()方法获取tabBar组件的高度。

示例代码如下：

// page.json中设置{  "usinGComponents": {    "tab-bar": "/components/tab-bar/tab-bar"  },  "custom": true}// page.wxml中使用// page.js中使用onLoad: function () {  const query = wx.createSelectorQuery();  query.s

来源地址：https://blog.csdn.net/mo3408/article/details/129951968