微信小程序自适应性的自定义导航栏开发

Posted CodingForAndroid

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序自适应性的自定义导航栏开发相关的知识,希望对你有一定的参考价值。

自定义 customNavBarHeight

let res = wx.getSystemInfoSync();
let customNavBarHeight = res.statusBarHeight + res.screenWidth * 88 / 750; // 记得转换

页面正文高度 pageContantHeight

let model = res.model;
let isPhomeX = model.indexOf('iPhone X') > -1 || model.indexOf('iPhoneX') > -1 || model.indexOf('iPhone11') > -1;

let pageContantHeight = (isPhomeX ? res.screentHeight : res.windowHeight) - customNavBarHeight;

目前用机型测试结果这就是最好的适配方式了

点击链接加入群聊【编程之美】:https://jq.qq.com/?_wv=1027&k=h75BfFCg

以上是关于微信小程序自适应性的自定义导航栏开发的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序添加底部自定义导航栏(tabBar)

小程序自定义底部导航缓存

微信小程序-自定义导航栏

【微信小程序】自定义顶部导航栏

获取不同机型微信小程序状态栏+导航栏高度

获取不同机型微信小程序状态栏+导航栏高度