頂部導航欄
頂部導航欄始終固定在屏幕頂部,不會隨頁面滾動和隱藏。
智能小程序自動繼承小程序主頁頂部導航欄的配置,但是每個頁面都可以配置其頂部導航欄。也就是說,在同一個智能小程序中,不僅可以同時有本地頂部導航欄和自定義導航欄,而且可以為每個頁面定制不同的樣式。
自定義頂部導航欄
百度應用v11。版本1及更高版本的智能小程序支持定制頂部導航欄,以便它只保留框架控制功能區域。
在使用自定義導航欄之前,請了解透明框架的頁面布局基礎。此時,不顯示容器、框架內的導航功能區域和原始頂部導航欄中的頁面標題。開發人員可以自定義當前頁面的頂部導航欄。
我們建議在使用自定義導航欄時,通過系統信息界面getSystemInfoSync獲得系統狀態燈,系統狀態欄配置有與自定義導航欄背景一致的顏色。
正確的
普通手機(1)和全屏手機(2)的系統狀態欄適配正確,顏色與定制的頂部導航欄一致。
錯誤
系統狀態欄的高度已調整,但顏色配置不正確。
錯誤
系統狀態欄的高度不適應,導致自定義頂部導航欄布局錯位。
建議自定義導航欄的元素與控制功能區對齊,并與本機頂部導航欄高度一致(iOS為44pt,安卓為38pt)。
正確的
自定義頂部導航欄元素與控制功能區垂直居中
錯誤
自定義頂部導航欄元素未對齊