当前位置: 首页 > news >正文

uniapp_微信小程序_根据胶囊按钮计算出的导航栏高度为什么不是44px?

/** 原生NavigationBar的高度 (默认44px) */
const nativeNavigationBarH = 44;
let getNativePageHeaderH = function(statusBarHeight) {// // #ifdef MP-WEIXIN// /* //  * 获取胶囊按钮的位置信息( width、height、top、right、left、bottom ) 。//  * 胶囊按钮在导航栏中是垂直居中的,它距离导航栏顶部和底部是一样的。由此我们可以推导出计算公式://  * (1) 导航栏高度 = 按钮高度 + ((顶部距离 - 状态栏高度) x 2) 。//  * (2) 头部高度 = 导航栏高度 + 状态栏高度 。//  * 注意:计算出来的导航栏高度是40px [ 为什么不是44px呢? ] 。//  */// const res = uni.getMenuButtonBoundingClientRect();// if (undefined === statusBarHeight) {//   statusBarHeight = uni.getSystemInfoSync().statusBarHeight;// }// const navH = res.height + (res.top - statusBarHeight) * 2;// const pageHeaderH = navH + res.statusBarHeight;// return pageHeaderH;// // #endifreturn ((statusBarHeight ?? uni.getSystemInfoSync().statusBarHeight) + nativeNavigationBarH);
}

计算出来的导航栏高度为什么是40px却不是44px?毕竟,标准的导航栏高度是44px。

难道是因为边框或者其他原因!

参考文章:如何在uni-app中计算出微信小程序导航栏的高度

http://www.dtcms.com/a/302309.html

相关文章:

  • 多光谱相机助力第四次全国农业普查-农业用地调查
  • Deepseek + browser-use 轻松实现浏览器自动化
  • 关于大视频大文件诸如超过5个G或10个G的视频上传详解原理以及-5种语言实现-优雅草卓伊凡|深蓝
  • 【7.26-7.28胜算云AI日报:首个开源3D世界生成模型腾讯混元、微软预示 8 月 GPT-5 发布、Nemotron推理、商汤悟能、DM夺金】
  • UniappDay04
  • 开源B端生态掘金:从Odoo二次开发到行业专属模块的技术变现
  • 【uniapp】---- 使用 uniapp 实现视频和图片上传且都可以预览展示
  • NVMe高速传输之摆脱XDMA设计20:PCIe请求模块设计(上)
  • 【mysql慢查询】
  • “太赫兹”
  • Java学习-----如何创建线程
  • 【科普】STM32CubeMX是配置工具,STM32CubeIDE是集成开发环境,二者互补但定位不同,前者负责初始化配置,后者专注代码开发调试。
  • DDD领域驱动中瘦模型与富态模型的核心区别
  • 设计模式(二十四)行为型:访问者模式详解
  • PostgreSQL日志配置全解析:从基础设置到进阶策略
  • 用 Python 获取电脑电池电量的各种案例
  • Python数据处理基础(学习笔记分享)
  • 【Spring WebFlux】 三、响应式流规范与实战
  • 科技赋能成长 脑力启迪未来
  • JVM 内存共享区域详解
  • Uniswap V2 成功上线 PolkaVM:Polkadot Hub 的里程碑时刻
  • 5190 - 提高:DFS序和欧拉序:树上操作(区域修改1)
  • 28天0基础前端工程师完成Flask接口编写
  • Ethereum:Geth运维实战,geth export与geth import命令的实用性深度评估
  • 【C++】手搓一个STL风格的vector容器
  • 【华为机试】210. 课程表 II
  • Kernel PWN 入门(二)
  • 【深度学习优化算法】10:Adam算法
  • Mybatis_4
  • 设计模式十二:门面模式 (FaçadePattern)