微信小程序怎么适配全面屏

时间:2026-02-12 08:35:41

1、第一种 是 default(默认)也是我们常见的,此时:

screenHeight = statusBarHeight + tabBarHeight + windowHeight;

微信小程序怎么适配全面屏

2、这个时候是不需要自己考虑各个高度问题的,小程序会帮你调(xie)整(si)好(de)statusBarHeight、tabBarHeight

微信小程序怎么适配全面屏

3、此时你只能在app.json 中设置 navigation 的背景色、标题、颜色等。

微信小程序怎么适配全面屏

4、第二种是 custom 模式,此时:

screenHeight = windowHeight;

微信小程序怎么适配全面屏

5、custom 模式可自定义导航栏,只保留右上角胶囊状的按钮。这种模式真的好啊有没有!对真的全面显示很友好啊有没有,对比一下你就知道了。

微信小程序怎么适配全面屏

6、例如图片视频等可以尽屏幕之所用;在需要 默认的navigation 时,又可以写成默认的样子做到icon、title、胶囊早同一水平线上

微信小程序怎么适配全面屏

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com