ImagePicker部分设备拍摄2-3次后崩溃问题排查及替代方案咨询

核心崩溃原因 #

• 调用了已废弃的getImage接口，且每次点击按钮都新建ImagePicker实例，部分低版本系统处理实例回收时容易触发异常
• 未对拍照返回的原始图片做压缩，高分辨率图片多次加载后触发内存溢出（OOM），是拍摄2-3张就崩溃的最常见诱因
• 代码存在两处逻辑/配置错误：ElevatedButton的fixedSize参数配置为10*9，远小于内容所需尺寸，容易触发布局溢出崩溃；_image变量重复赋值，极端场景下会出现空指针异常
• 部分安卓设备拍照时系统会临时回收前台应用内存，返回时未做状态兼容导致崩溃

修复步骤 #

1. 替换废弃API，复用ImagePicker实例 #

将ImagePicker实例定义到State类中，避免重复创建，同时使用官方推荐的pickImage接口替换已废弃的getImage。

2. 增加图片压缩参数 #

调用拍照接口时传入分辨率、质量限制参数，大幅降低内存占用。

3. 修复代码错误 #

删除错误的fixedSize配置，优化_image赋值逻辑，避免重复操作；同步更新已废弃的primary、color等属性写法。

4. 安卓端补充权限配置 #

在AndroidManifest.xml中添加FileProvider配置，适配安卓11及以上版本的文件读取权限，避免路径访问异常崩溃。

修复后的代码示例 #

// 先在State类中定义全局ImagePicker实例，不要每次点击都新建
final ImagePicker _picker = ImagePicker();
File? _image;

// 布局部分代码
Row(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    Expanded(
      child: Padding(
        padding: const EdgeInsets.fromLTRB(0, 19, 0, 0),
        child: const Text('Vehicle Exterior Front'),
      )
    ),
    ElevatedButton(
      onPressed: () async {
        final XFile? pickedImage = await _picker.pickImage(
          source: ImageSource.camera,
          // 压缩参数可根据业务需求调整数值
          maxWidth: 1080,
          maxHeight: 1920,
          imageQuality: 80
        );
        if (pickedImage != null) {
          setState(() {
            _image = File(pickedImage.path);
          });
        }
      },
      style: ElevatedButton.styleFrom(
        padding: const EdgeInsets.all(8),
        minimumSize: const Size(100, 29),
        backgroundColor: const Color(0xff1565D8),
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(5.0),
        ),
      ),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        children: [
          Text(
            "upload",
            style: GoogleFonts.openSans(
              textStyle: const TextStyle(
                fontWeight: FontWeight.w700,
                fontSize: 10,
                color: Colors.white,
              ),
            ),
          ),
          SvgPicture.asset(
            'assets/svg/camera.svg',
            colorFilter: const ColorFilter.mode(Colors.white, BlendMode.srcIn),
          ),
        ],
      ),
    ),
  ],
),

内容的提问来源于stack exchange，提问作者Godwin