navigationBar顶部导航栏，兼容适配所有机型（附完整案例）

2023-12-14 02:17:46

思路

  • 隐藏原生样式
  • 获取胶囊按钮、状态栏相关数据以供后续计算
  • 根据不同机型计算出该机型的导航栏高度，进行适配
  • 编写为导航栏公共组件
  • 使用组件

1. 隐藏原生样式

全局设置

"window": {
   
	"navigationStyle": "custom"
}

单个页面设置

{
   
  "navigationStyle": "custom",
  "usingComponents&

文章来源:https://blog.csdn.net/weixin_40639095/article/details/134827321
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。