微信小程序 获取tabbar高度

在微信小程序中，获取tabbar的高度可以通过wx.getSystemInfoSync()方法来获取系统信息。这个方法会返回一个包含系统信息的对象，其中就包含了tabbar的高度。

具体实现步骤如下：
1. 在小程序的页面js文件中，可以使用以下代码获取系统信息：

const systemInfo = wx.getSystemInfoSync();
console.log(systemInfo);

2. 在获取到系统信息后，可以通过systemInfo对象的navigationBarHeight属性来获取tabbar的高度：

const tabbarHeight = systemInfo.screenHeight - systemInfo.windowHeight - systemInfo.statusBarHeight - systemInfo.navigationBarHeight;
console.log(tabbarHeight);

3. 最后，可以通过tabbarHeight来获取到tabbar的高度值，进行相应的操作。

需要注意的是，以上方法获取到的是tabbar的实际高度，并不包含隐藏状态下的高度。在显示tabbar时，可以直接使用该高度进行布局；在隐藏tabbar时，需要根据具体情况自行调整布局。

相关问题

用的APP微信小程序的tabbar自定义高度

微信小程序的tabbar高度是固定的，无法直接自定义修改。但可以通过以下方法实现类似自定义高度的效果：

1. 隐藏原有的tabbar，使用自定义组件代替tabbar，自定义组件的高度可以自由设置。
2. 在自定义组件中实现tabbar的功能，例如使用button或navigator实现点击切换页面。
3. 在页面中使用wx.getSystemInfoSync()获取系统信息，包括屏幕高度和底部安全区域高度，计算出自定义组件的实际高度，使其与底部安全区域对齐。

需要注意的是，这种方法可能会影响用户体验，建议在设计时考虑到用户习惯和操作便利性。

微信小程序自定义tabbar遮盖页面底部内容问题怎么解决

在微信小程序中，自定义tabbar可能会遮盖页面底部的内容。这个问题可以通过调整页面的高度来解决。

首先，确定页面的底部内容所在的父容器，例如一个`<view>`标签。

然后，在对应页面的`onLoad`生命周期函数中，获取屏幕高度和自定义tabbar的高度，并计算出页面的可用高度。

// 获取屏幕高度
const { windowHeight } = wx.getSystemInfoSync();

// 获取自定义tabbar的高度
const tabbarHeight = 50; // 替换为你实际的tabbar高度

// 计算页面的可用高度
const pageHeight = windowHeight - tabbarHeight;

// 设置页面高度
this.setData({
  pageHeight: pageHeight + 'px'
});

接下来，在对应页面的wxml文件中，将底部内容所在的父容器设置为可用高度：

<view style="height: {{ pageHeight }}"></view>

这样就可以确保页面底部的内容不被自定义tabbar遮盖。注意，如果底部内容是一个固定高度的组件，也可以直接将其高度设置为可用高度。

以上是一种解决方案，根据你的具体需求和页面结构，可能需要做一些调整。希望对你有帮助！