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

本文主要是介绍navigationBar顶部导航栏，兼容适配所有机型（附完整案例），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

思路

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

1. 隐藏原生样式

全局设置

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

单个页面设置

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

这篇关于navigationBar顶部导航栏，兼容适配所有机型（附完整案例）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---