2***@qq.com
2***@qq.com
  • 发布:2019-10-10 16:21
  • 更新:2021-05-27 17:28
  • 阅读:2589

【报Bug】微信小程序iOS刘海屏获取到的statusbar高度不正确

分类:uni-app

详细问题描述

小程序内statusbar 取的高度不正确

[内容]

重现步骤

height:calc(100vh - var(--status-bar-height) - 90rpx) !important;

微信小程序对应api ,px单位
WeWork Helper20191010040256.png
异常效果
WeWork Helper20191010041430.png

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-10-10 16:21 负责人:无 分享
已邀请:
羊仔

羊仔

这个东西在app里才有用吧,小程序没用

  • 2***@qq.com (作者)

    嗯 app正常的,我以为实现方式一样的

    2019-10-10 17:12

s***@163.com

s***@163.com

刘海屏差19个像素,真的很恶心。

  • s***@163.com

    一个这么多年的框架,居然在这种每个项目都会遇到的问题上有问题,实在难以想象。

    2021-04-24 15:42

  • 2***@qq.com (作者)

    需要用js (uni.getSystemInfoSync)获取safe area的高度,然后自定义一个组件占位

    2021-04-29 10:32

以何为家

以何为家 - 这个人很烂,暂无介绍

在安卓端刘海屏的手机上,也不准。

阿伟呀

阿伟呀

小程序上默认头部只能提供纯色的背景,如果有特殊头部需求就要自定义了,statusBarHeight完美解决

  • 以何为家

    --status-bar-height 在小程序端不论是全面屏还是刘海屏都是25px;

    2021-05-27 17:33

该问题目前已经被锁定, 无法添加新回复