在使用自定义tabbar时,你可能会需要获取tabbar的高度,但是按照网上的方法却得不到正确的结果,这让你十分头疼。那么该怎么办呢?小编为大家整理了以下几个方法,希望能够帮到大家。
1️⃣ 使用wx.getSystemInfoSync()方法获取系统信息,然后通过计算得出tabbar的高度。
示例代码如下:文章来源地址https://www.toymoban.com/news/detail-507892.html
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组件的高度。文章来源:https://www.toymoban.com/news/detail-507892.html
示例代码如下:
// page.json中设置
{
"usingComponents": {
"tab-bar": "/components/tab-bar/tab-bar"
},
"custom": true
}
// page.wxml中使用
<tab-bar id="myTabBar"></tab-bar>
// page.js中使用
onLoad: function () {
const query = wx.createSelectorQuery();
query.s
到了这里,关于微信小程序使用自定义tabbar 想要获取tabbar的高度,返回的结果是null,该如何获取?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!