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

 时间:2024-10-17 16:26:59

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、胶囊早同一水平线上

微信小程序怎么适配全面屏
  • 彩虹岛修道士加点教程
  • 手机浏览器如何选择神马搜索引擎
  • EPSON L4168L3118L3119L1118L1119清零软件教程
  • 如何玩魔兽真三之郭嘉篇
  • 魔兽RPG《炫斗大陆》详细攻略
  • 热门搜索
    海岛奇兵攻略 恶灵附身攻略 纳智捷u6怎么样 红烧小黄鱼 苦瓜怎么吃减肥 腿酸胀是怎么回事 双十一攻略 一周快速减肥食谱 摇呼啦圈能减肥吗 长期咳嗽是怎么回事