如何判断小程序全面屏

由于苹果全面屏手机会在底部加屏蔽区,造成这些手机总是有问题。
我们一般通过检查用户的设备类型,在白名单中查找,确定是否是全面屏手机。

function check() {
  const res = wx.getSystemInfoSync();
  const model = res.model.toLowerCase();
  const addHeightList = ['iphone x', 'iphone xr', 'iphone 11', 'iphone xs'];
  let isAddHeight = false;
  addHeightList.forEach((p) => {
    if (model.indexOf(p) > -1) {
      isAddHeight = true;
    }
  });
  return isAddHeight;
};

直接在代码中调用,如果返回true则需要为底部增加高度

摄影爱好者,全栈工程师,游戏玩家,积木苦手,超穷手办收藏爱好者

发表评论