小程序完美适配自定义导航

巧了我就是萌 提交于 2019-12-16 14:17:35

主要两大核心接口:

  1.wx.getSystemInfoSync()  //获取系统信息(获取手机状态栏高度statusBarHeight)

  2.wx.getMenuButtonBoundingClientRect()  //获取菜单按钮(右上角胶囊按钮)的布局位置信息。坐标信息以屏幕左上角为原点(也就是通过获取胶囊相关信息得出导航栏高度)
  通过官方接口得出状态栏高度和导航栏高度

1 const sys = wx.getSystemInfoSync();
2 const capsule = wx.getMenuButtonBoundingClientRect()
3 // console.log(capsule)
4 const navHeight = (capsule.top - sys.statusBarHeight) * 2 + capsule.height
5 this.setData({
6   statusBarHeight: sys.statusBarHeight,  //状态栏高度
7   navHeight  //导航栏高度
8 })
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!