小程式可以通過wx.getSystemInfo獲取系統資訊

 1. windowHeight 概念

可使用視窗高度，即：螢幕高度（screenHeight） - 導航（tabbar）高度 - 導航欄高度 - 狀態列高度。

在不含導航（tabbar）的頁面，

windowHeight =螢幕高度（screenHeight） - 導航欄高度 - 狀態列高度

瞭解規則

iPhone X ： 導航欄高度 44 、 狀態列高度 44 、tabBar高度 83 
其他機型 ： 導航欄高度 44 、 狀態列高度 20 、 tabBar高度 49

2.使用windoeHeight

在頁面中呼叫wx.getSystemInfo即可獲取當前頁面的螢幕高度，

wx.getSystemInfo({
      success: function (res) {
        console.log('--------------獲取系統資訊，獲取螢幕高度---------------')
        console.log(res)
      },
      fail: function (res) { },
      complete: function (res) { },
    })
 

3.不同頁面WINDOWHEIGHT不一致解決辦法

但是不同頁面獲取的螢幕高度不同，為了方便使用，將WINDOWHEIGHT寫入全域性變數，在含有的TabBar頁面正常呼叫，在不含的TabBar頁面加上的TabBar的高度使用

app.js

onLaunch(){
     // 獲取螢幕高度
    wx.getSystemInfo({
      success: function (res) {
        that.globalData.windowHeight = res.windowHeight
      },
    })
},
 globalData: {
    windowHeight:''
}
 

含有的TabBar的頁面

xxx.js

var app = getApp();

data:{
    windowHeight: app.globalData.windowHeight,
}

不含的TabBar的頁面

xxx.js

var app = getApp();

data:{
    windowHeight: app.globalData.windowHeight + 48,
}

頁面使用

xxx.wxml

<view style='height:{{windowHeight+"px"}}'>

在app.js中獲取到的WINDOWHEIGHT包含的TabBar的高度

所以在不含的TabBar的頁面比含的TabBar頁面需要多加一個的TabBar的高度

以下為小程式官方文件wx.getSystemInfo的介紹

wx.getSystemInfo（Object object）

獲取系統資訊

引數

物件物件

object.success回撥函式

引數

物件資源