找回密码
 加入怎通
查看: 238|回复: 4

百度智能小程序自定义顶部导航栏应该如何配置(微信小程序用什么组件实现导航栏)

[复制链接]
我来看看 发表于 2023-03-14 10:18:02 | 显示全部楼层 |阅读模式
6 W0 e, k% r' A0 S2 C

百度智能小程序自定义顶部导航栏应该如何配置顶部导航栏顶部导航栏始终固定在屏幕顶部,不随页面滚动隐藏智能小程序会自动继承小程序首页顶部导航栏的配置,但每个页面均可配置其顶部导航栏即同一智能小程序中,不但可同时存在原生顶部导航栏和自定义导航栏,也可为每个页面定制不同的样式。

4 b2 U- h C* f# H/ O

自定义顶部导航栏百度App v11.1及以上版本的智能小程序,支持自定义顶部导航栏,使其只保留框架控制功能区使用自定义导航栏前,请了解透明框架的页面布局基础,此时原生顶部导航栏中的容器、框架内部导航功能区、页面标题均不展示,开发者可自定义当前页面的顶部导航栏。

: Q* ~7 ^& o8 {& F& A" ^& q9 Q/ K. h

我们建议,在使用自定义导航栏时,通过系统信息接口getSystemInfoSync获得系统状态栏的高度(statusBarHeight),并为系统状态栏配置与自定义导航栏背景一致的颜色正确普通手机(1)及全面屏手机(2)系统状态栏均正确适配,且颜色与自定义顶部导航栏一致。

* t1 f6 H5 G& n) M/ U1 S5 U

错误适配系统状态栏高度,但未正确配置颜色错误未适配系统状态栏高度,导致自定义顶部导航栏布局错位自定义导航栏的元素建议与控制功能区对齐,且与原生顶部导航栏高度一致(iOS为44pt,Android为38pt)。

4 _7 j1 T2 f) |! p0 X

正确自定义顶部导航栏元素与控制功能区垂直居中对齐错误自定义顶部导航栏元素未对齐

0 o6 K+ e7 X$ F6 f0 k ) `) n, a) g2 P: P1 X2 Y1 h" M- u5 }( V7 l& _# y a, N* J8 [ ' `! R2 L" V, o/ d6 b2 c % ?2 z4 l; }) D0 `, ~4 S

暂时无法加载帖子列表

回复

使用道具 举报

星云 发表于 2026-01-28 09:46:23 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

zhangzhen01 发表于 2026-08-29 17:51:32 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

平凡的小草 发表于 2026-08-31 16:47:51 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

dkfp520 发表于 2026-08-31 17:31:24 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-9-13 21:38 , Processed in 0.046400 second(s), 28 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表