一、自定義導航條
1、第三方:小程序自定義頭部導航欄組件
2、小程序實現(xiàn)自定義導航欄適配完美版 Github
注意:導航欄 = 狀態(tài)欄 + 標題欄
導航欄高度 = 膠囊按鈕高度 + 狀態(tài)欄到膠囊按鈕間距 * 2
Android導航欄高度 = 32px + 8px * 2 = 48px
iOS導航欄高度 = 32px + 6px * 2 = 44px
*注:由于膠囊按鈕是原生組件,為表現(xiàn)一直,其單位在個系統(tǒng)都為px,所以我們的自定義導航欄各個高度的單位都必需是px(切記不能用rpx),才能完美適配。
重點:
1,寫自定義導航組件的時候,需要將組件結構一分為二:狀態(tài)欄 + 標題欄
2,狀態(tài)欄高度可通過wx.getSystemInfoSync().statusBarHeight獲取
3,標題欄高度:安卓:48px,iOS:44px
4,單位必需跟膠囊按鈕一致,用px