UniApp控制顶部栏安全距离（兼容app跟小程序）？

作者站长头像
站长
· 阅读数 14

UniApp写一个跨端项目需要兼容安卓 ios 小程序

如果不设置StatusBar的话小程序下顶部正常UniApp控制顶部栏安全距离（兼容app跟小程序）？但是在app模拟器上UniApp控制顶部栏安全距离（兼容app跟小程序）？会遮盖到wifi 电池 时间的图标

如果使用padding-top：StatusBar 拿到当前顶部距离的话 小程序会出现重叠UniApp控制顶部栏安全距离（兼容app跟小程序）？

安卓模拟器正常UniApp控制顶部栏安全距离（兼容app跟小程序）？

有什么能兼容两者的方法吗

回复
1个回答
avatar
test
2024-07-18

判断下环境，每个环境做下特殊处理，根据环境的不同设置下不同的padding-top

可以使用下面的形式，也可以使用uni.getSystemInfoSync().platform来判断

// #ifdef APP-PLUS
    // 代码
// #endif
// #ifdef MP
    // 代码
// #endif

https://blog.csdn.net/weixin_...

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容