uni-app uni.chooseImage crop裁剪框在ios上底部按钮被挡住无法操作确认取消

uni-app uni.chooseImage crop裁剪框在ios上底部按钮被挡住无法操作确认取消

操作步骤：

  • 裁剪的时候

预期结果：

  • 可以正常操作按钮

实际结果：

  • 可以正常操作按钮

bug描述：

  • uni.chooseImage crop 裁剪框，在ios上的底部按钮都 被挡住 了，无法操作确认，取消

bug截图

信息 值
产品分类 uniapp/App
PC开发环境 Windows
PC操作系统版本 10
HBuilderX类型 正式
HBuilderX版本 3.2.11
手机系统 iOS
手机系统版本 iOS 15
手机厂商 苹果
手机机型 12
页面类型 vue
打包方式 离线
项目创建方式 HBuilderX

更多关于uni-app uni.chooseImage crop裁剪框在ios上底部按钮被挡住无法操作确认取消的实战教程也可以访问 https://www.itying.com/category-93-b0.html

16 回复

你好 没太明白你的意思 在ios上的底部按钮都 被挡住 了，无法操作确认，取消

更多关于uni-app uni.chooseImage crop裁剪框在ios上底部按钮被挡住无法操作确认取消的实战教程也可以访问 https://www.itying.com/category-93-b0.html


看上面的截图，没有操作按钮，就卡在这个页面了，不能确认也不能取消，正常情况下，底部有四个按钮，取消，确认等

应该是ios默认的这两个按钮（旋转按钮条）给挡住了

回复 f***@gmail.com: 你把你现在的代码 贴一下 我看看

回复 f***@gmail.com: 您好 后续还有这个问题吗？

回复 天生DR: 你好 这个问题目前在iPhone 6s上还是存在的，我使用的离线打包SDK版本是“@3.2.16.81128_20211123”的。请问这个问题现在有进行修复吗？

回复 5***@qq.com: 你新开个帖子吧 我这里找找6s的机器 看看

回复 天生DR: 嗯 我去新发一个，也不用特意找6s的，我同事正在用的苹果手机也出现这个问题（ios 13、14）

回复 5***@qq.com: 好 发完帖子 邀请我

你是离线打包的吧 离线打包没有添加指定的资源bundle文件吧

我也遇到这个问题了，请问解决了吗？

检查你的 bundle 文件 应该是没加齐

回复 天生DR: 怎么加这里的文件啊？

回复 8***@qq.com: https://nativesupport.dcloud.net.cn/AppDocs/usemodule/iOSModuleConfig/common 按照这个表格

回复 天生DR: DCMediaEditingController 找不到这个呢

这个问题是由于iOS安全区域适配导致的。在iOS设备上，底部安全区域（如iPhone的Home Indicator）会遮挡部分UI元素。

解决方案如下：

  1. 在pages.json中配置全局安全区域：
{
  "globalStyle": {
    "app-plus": {
      "safearea": {
        "bottom": {
          "offset": "auto"
        }
      }
    }
  }
}
  1. 或在页面样式中单独处理：
/* 在对应页面的style中添加 */
page {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
  1. 对于uni.chooseImage的crop裁剪框，可以尝试在调用时调整参数：
uni.chooseImage({
  count: 1,
  crop: {
    width: 300,
    height: 300,
    // 确保裁剪框不会延伸到安全区域
    resize: true
  },
  success: (res) => {
    // 处理结果
  }
})
  1. 检查manifest.json配置： 确保在App模块配置中已正确设置安全区域：
"safearea" : {
    "bottom" : {
        "offset" : "auto"
    }
}
回到顶部