頂部導(dǎo)航欄
頂部導(dǎo)航欄始終固定在屏幕頂部,不隨頁面滾動隱藏。
智能小程序會自動繼承小程序首頁頂部導(dǎo)航欄的配置,但每個頁面均可配置其頂部導(dǎo)航欄。即同一智能小程序中,不但可同時存在原生頂部導(dǎo)航欄和自定義導(dǎo)航欄,也可為每個頁面定制不同的樣式。
自定義頂部導(dǎo)航欄
百度App v11.1及以上版本的智能小程序,支持自定義頂部導(dǎo)航欄,使其只保留框架控制功能區(qū)。
使用自定義導(dǎo)航欄前,請了解透明框架的頁面布局基礎(chǔ),此時原生頂部導(dǎo)航欄中的容器、框架內(nèi)部導(dǎo)航功能區(qū)、頁面標題均不展示,開發(fā)者可自定義當(dāng)前頁面的頂部導(dǎo)航欄。
我們建議,在使用自定義導(dǎo)航欄時,通過系統(tǒng)信息接口getSystemInfoSync獲得系統(tǒng)狀態(tài)欄的高度(statusBarHeight),并為系統(tǒng)狀態(tài)欄配置與自定義導(dǎo)航欄背景一致的顏色。
正確
普通手機(1)及全面屏手機(2)系統(tǒng)狀態(tài)欄均正確適配,且顏色與自定義頂部導(dǎo)航欄一致。
錯誤
適配系統(tǒng)狀態(tài)欄高度,但未正確配置顏色。
錯誤
未適配系統(tǒng)狀態(tài)欄高度,導(dǎo)致自定義頂部導(dǎo)航欄布局錯位。
自定義導(dǎo)航欄的元素建議與控制功能區(qū)對齊,且與原生頂部導(dǎo)航欄高度一致(iOS為44pt,Android為38pt)。
正確
自定義頂部導(dǎo)航欄元素與控制功能區(qū)垂直居中對齊
錯誤
自定義頂部導(dǎo)航欄元素未對齊
閱讀本文的人還可以閱讀: