Flutter中如何解决ImagePicker选图后无法作为File赋值给图片容器的问题

错误原因 #

image_picker库的getImage()方法返回类型为PickedFile（0.8.0+版本该方法已废弃，替换为pickImage()返回XFile类型），和File类型不存在继承关系，直接使用as强转属于非法类型转换，因此会运行报错。

修复方案 #

你可以通过返回实例的path属性手动构造File对象，同时补充空值判断处理用户取消选图的场景，修改后代码如下：

import 'dart:io'; // 必须引入io库才能使用File类

Future getImage(bool isAvatar) async {
    var result = await ImagePicker().getImage(source: ImageSource.gallery);
    // 仅在用户选中图片后执行赋值逻辑
    if (result != null) {
      setState(() {
        File selectedFile = File(result.path);
        if (isAvatar) {
          avatarImageFile = selectedFile;
        } else {
          backgroundImageFile = selectedFile;
        }
      });
    }
}

如果你使用的是0.8.0及以上版本的image_picker，官方已废弃getImage方法，推荐使用新版API，对应代码如下：

import 'dart:io';

Future getImage(bool isAvatar) async {
    final XFile? result = await ImagePicker().pickImage(source: ImageSource.gallery);
    if (result != null) {
      setState(() {
        File selectedFile = File(result.path);
        if (isAvatar) {
          avatarImageFile = selectedFile;
        } else {
          backgroundImageFile = selectedFile;
        }
      });
    }
}

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