收藏
回答

在app.js中wx.getSystemInfo获取到的可显示高度和Page.js中获取到的不一致

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信安卓客户端 7.0.13 2.11.0

一般情况下由于windowHeight是可用高度,减去了TabBar高度,预期正确。在开发工具模拟器上显示没问题,真机调试显示也没问题,但是手机预览时候,在app.js获取到的高度不准确,之前都不存在这个问题.只有在新进入的页面从新获取高度进行计算 预览才准确(上传体验版也存在这个问题)

//app.js
App({
  onLaunch (options) {
    wx.getSystemInfo({
      success: e => {
        let custom = wx.getMenuButtonBoundingClientRect()
        this.globalData.system = e.system
        this.globalData.navStatusHeight = e.statusBarHeight
        this.globalData.navHeight = custom.bottom + custom.top - e.statusBarHeight
        this.globalData.safeAreaHeight = e.windowHeight - custom.bottom - custom.top + e.statusBarHeight
      }
    })
  },
  onShow (options) {
  },
  globalData: {
    userInfo: null
  }
})
//index.js
const app = getApp();
Component({
  data: {
    navHeight: app.globalData.navHeight,
    safeAreaHeight: app.globalData.safeAreaHeight
  }
})


回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签