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

思路

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

1. 隐藏原生样式

全局设置

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

单个页面设置

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