小程序去掉导航栏后 怎么自定义导航栏？
发布于 5 年前 作者 mzeng 20146 次浏览 来自 问答

我是计划使用wx.getSystemInfo计算出导航栏的高度 然后screenHeight－windowHeight，来定义导航栏的高度，

但是在真机上 打印screenHeight 和 windowHeight 值一样。怎么办？求解

10 回复

@Baran            试了  根本不行呀 加我qq可以吗  928252089

@Baran 我不是要  statusBarHeight这个的高度 是要 整个导航栏的  也就是screenHeight－windowHeight的高度

小程序顶部自定义导航组件实现原理及坑分享

@Baran iPhone X就不是44了

nav { height: 44px; padding-top: 20px; }
nav.isx { padding-top: 44px; }
nav.android { height: 48px; padding-top: 24px; }

代码参考

封装了个组件 https://github.com/BaranWang/wx-com-header

systemInfo.statusBarHeight  (^1.9.0)

Example

padding-top 是 status bar 部分， iPhone X 的 status bar 和 navigation bar 都是 44px

@Baran，请教大佬，怎么用rpx来表述statusbar和navigationbar的高度呢

status bar

iOS： 一般为 20px iPhone X 下为 44px

Android：标准为 24px

Navigation bar

iOS: 44px

Android: 48px or 56px

回到顶部