如何制作小程序适配完美的自定义导航栏？

本文共计1796个文字，预计阅读时间需要8分钟。

1、发现问题+小程序页面自定义导航栏功能已开放，有些日子了（还不了解这个功能的可以先了解下），这极大提升了小程序开发的自由度，相信不少小伙伴已经使用过这个功能了。

1、发现问题

小程序页面自定义导航栏功能已经开放有些日子了(还不知道这个功能的可以先>>了解一下)，这极大的提升了小程序开发的自由度，相信不少小伙伴已经使用过这个功能，同时也相信不少小伙伴在此功能开发过程中踩过同样的一些坑：

• 机型多如牛毛：自定义导航栏高度在不同机型始终无法达到视觉上的统一；
• 调皮的胶囊按钮：导航栏元素（文字，图标等）怎么也对不齐那该死的胶囊按钮；
• 各种尺寸的全面屏，奇怪的刘海屏，简直要抓狂。

同样的，这些问题也是小灰经历过的。