随码网随码网

微信小程序 使用getSystemInfo获取到了手机底部安全距离 怎么全局用呢 ?

微信小程序 使用getSystemInfo获取到了手机底部安全距离 怎么全局用呢 ?

要在微信小程序中全局使用通过 getSystemInfo 获取到的手机底部安全距离,你可以将这个值存储在全局数据中,然后在需要的地方引用它。

以下是一个简单的示例,演示如何在小程序中实现这一点:

在你的小程序的全局配置文件(app.json)中定义一个全局数据字段,用于存储底部安全距离:

{
  "globalData": {
    "bottomSafeArea": 0
  },
  // 其他配置项...
}

在小程序的 app.js 文件中使用 getSystemInfo 获取底部安全距离并存储在全局数据中:

App({
  onLaunch: function () {
    // 获取系统信息
    wx.getSystemInfo({
      success: (res) => {
        // 将底部安全距离存储在全局数据中
        this.globalData.bottomSafeArea = res.safeArea.bottom - res.windowHeight;
      },
    });
  },
  globalData: {
    // 全局数据...
  },
})

在小程序的页面中,你可以随时访问全局数据中的 bottomSafeArea 字段来获取底部安全距离,然后在需要的地方使用它。例如,在页面的 onLoad 函数中:

Page({
  onLoad: function () {
    const app = getApp(); // 获取小程序实例
    const bottomSafeArea = app.globalData.bottomSafeArea;

    // 在这里使用 bottomSafeArea 值,比如调整页面布局
    console.log('底部安全距离:', bottomSafeArea);
  },
  // 其他页面逻辑...
})

 

未经允许不得转载:免责声明:本文由用户上传,如有侵权请联系删除!

赞 ()

评论