当前位置:   article > 正文

微信小程序设置自定义导航栏_微信小程序全局配置navigationstyle:custom,但其他页面要显示导航栏

微信小程序全局配置navigationstyle:custom,但其他页面要显示导航栏

当微信小程序的页面配置 navigationStyle 设置为 custom 时,则启用了自定义导航栏设置。

因此,一般情况下,状态栏和导航栏的高度需要我们自己进行获取和设置。

  1. // 调用微信小程序提供的获取系统信息的 API
  2. const system = wx.getSystemInfoSync();
  3. // 获取状态栏的高度,单位为 px
  4. let statusHeight = system.statusBarHeight;
  5. // 调用微信小程序提供的获取菜单按钮(右上角胶囊按钮)的布局位置信息的 API
  6. const custom = wx.getMenuButtonBoundingClientRect();
  7. // 根据返回的参数进行计算,来获取到导航栏的高度
  8. let height = (custom.top - statusHeight) * 2 + custom.height;

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/219411
推荐阅读
相关标签
  

闽ICP备14008679号