顶部导航栏
顶部导航栏始终固定在屏幕顶部,不会随页面滚动和隐藏。
智能小程序自动继承小程序主页顶部导航栏的配置,但是每个页面都可以配置其顶部导航栏。也就是说,在同一个智能小程序中,不仅可以同时有本地顶部导航栏和自定义导航栏,而且可以为每个页面定制不同的样式。
自定义顶部导航栏
百度应用v11。版本1及更高版本的智能小程序支持定制顶部导航栏,以便它只保留框架控制功能区域。
在使用自定义导航栏之前,请了解透明框架的页面布局基础。此时,不显示容器、框架内的导航功能区域和原始顶部导航栏中的页面标题。开发人员可以自定义当前页面的顶部导航栏。
我们建议在使用自定义导航栏时,通过系统信息界面getSystemInfoSync获得系统状态灯,系统状态栏配置有与自定义导航栏背景一致的颜色。
正确的
普通手机(1)和全屏手机(2)的系统状态栏适配正确,颜色与定制的顶部导航栏一致。
错误
系统状态栏的高度已调整,但颜色配置不正确。
错误
系统状态栏的高度不适应,导致自定义顶部导航栏布局错位。
建议自定义导航栏的元素与控制功能区对齐,并与本机顶部导航栏高度一致(iOS为44pt,安卓为38pt)。
正确的
自定义顶部导航栏元素与控制功能区垂直居中
错误
自定义顶部导航栏元素未对齐