一炕置、自定義導(dǎo)航條
1、第三方:小程序自定義頭部導(dǎo)航欄組件
2男韧、小程序?qū)崿F(xiàn)自定義導(dǎo)航欄適配完美版 Github
注意:導(dǎo)航欄 = 狀態(tài)欄 + 標(biāo)題欄
導(dǎo)航欄高度 = 膠囊按鈕高度 + 狀態(tài)欄到膠囊按鈕間距 * 2
Android導(dǎo)航欄高度 = 32px + 8px * 2 = 48px
iOS導(dǎo)航欄高度 = 32px + 6px * 2 = 44px
*注:由于膠囊按鈕是原生組件朴摊,為表現(xiàn)一直,其單位在個(gè)系統(tǒng)都為px此虑,所以我們的自定義導(dǎo)航欄各個(gè)高度的單位都必需是px(切記不能用rpx)甚纲,才能完美適配。
重點(diǎn):
1朦前,寫(xiě)自定義導(dǎo)航組件的時(shí)候介杆,需要將組件結(jié)構(gòu)一分為二:狀態(tài)欄 + 標(biāo)題欄
2鹃操,狀態(tài)欄高度可通過(guò)wx.getSystemInfoSync().statusBarHeight獲取
3,標(biāo)題欄高度:安卓:48px春哨,iOS:44px
4荆隘,單位必需跟膠囊按鈕一致,用px