uni-app uni.chooseImage() 打开手机相册选择图片的时候顶部和通知栏重叠导致无法点击完成

uni-app uni.chooseImage() 打开手机相册选择图片的时候顶部和通知栏重叠导致无法点击完成

1 回复

更多关于uni-app uni.chooseImage() 打开手机相册选择图片的时候顶部和通知栏重叠导致无法点击完成的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个常见的UI适配问题,通常是由于状态栏高度计算不准确导致的。解决方案如下:

  1. 在manifest.json中配置沉浸式状态栏:
"plus": {
  "statusbar": {
    "immersed": true
  }
}
  1. 在调用uni.chooseImage()前,可以手动设置状态栏样式:
uni.setNavigationBarColor({
  frontColor: '#ffffff',
  backgroundColor: '#your_color'
})
  1. 如果问题仍然存在,可以尝试使用CSS变量动态计算安全区域:
.choose-image-container {
  padding-top: var(--status-bar-height);
}
回到顶部