微信小程序技巧-02-導航條的使用

一、自定義導航條

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
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容