获取小程序右上角菜单按钮信息偶尔结果为0，导致无法正确的设置自定义导航栏的高度
收藏
回答
置顶获取小程序右上角菜单按钮信息错误？精选热门
Charlie2021-07-01
| 框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|
| 小程序 | Bug | wx.getMenuButtonBoundingClientRect() | 微信iOS客户端 | 8.0.7 | 2.18.0 |
最后一次编辑于 2021-07-02
1 个回答
请 登录 后发表内容
相关问题
相关文档
- 错误码: 小程序/开发/云托管/参考信息/错误码
- 错误码: 小程序/开发/云托管/参考信息/错误码
- wx.getMenuButtonBoundingClientRect: 小程序/开发/API/界面/菜单/wx.getMenuButtonBoundingClientRect
- wx.getMenuButtonBoundingClientRect#功能描述: 小程序/开发/API/界面/菜单/wx.getMenuButtonBoundingClientRect
- wx.getMenuButtonBoundingClientRect#返回值: 小程序/开发/API/界面/菜单/wx.getMenuButtonBoundingClientRect
解决了
延迟500ms执行
但还是希望官方能直接解决这个问题
width: 87
height: 32
按钮的上下边距是4，右边到屏幕边缘的距离是7
所以我放弃使用延时执行。只在安卓端调用getMenuButtonBoundingClientRect()
uni.getSystemInfo({success: res => {//导航高度let menuButtonInfo = {}if (res.platform === 'ios') {// ios设备的胶囊按钮都是固定的menuButtonInfo = {width: 87,height: 32,left: res.screenWidth - 7 - 87,right: res.screenWidth - 7,top: res.statusBarHeight + 4,bottom: res.statusBarHeight + 4 + 32}} else {// 安卓通过api获取menuButtonInfo = uni.getMenuButtonBoundingClientRect()}this.setMenuButtonInfo(menuButtonInfo)console.log('获取胶囊信息：', menuButtonInfo);// 导航栏高度 = 状态栏到胶囊的间距（胶囊距上未知-状态栏高度）* 2 + 胶囊高度 + 状态栏高度this.$options.globalData.navHeight = (menuButtonInfo.top - res.statusBarHeight) * 2 + menuButtonInfo.height + res.statusBarHeight;console.log('navHeight:', this.$options.globalData.navHeight);this.$options.globalData.menuBottom = menuButtonInfo.top - res.statusBarHeight;},fail(err) {}})