[Flutter] Image.File 加载图像时文件内容变化显示不变解决

在Flutter中，我们可以用下面的代码从文件中加载图像：

Image.file(File(_fileName));

这个时候，当_fileName这个文件名称和路径不变，文件内容变化时，Flutter并不会更新显示。问题产生的原因是Flutter自动使用了缓存。

那么怎么办呢？

我查看到，Image.file 实际上会将 image 设置为 FileImage 这个 ImageProvider。FileImage 的代码中，在进行 operator 时，只判断了文件路径和缩放比例。正是因为如此，我们文件路径不变，缩放比例不变时，Flutter会认为我们还是用的原图，并不会重新进行加载。

于是，我想到了办法是扩展一个FileImage，将这个 operator 的方式改一下。

class FileImageEx extends FileImage {

  int fileSize;

  FileImageEx(File file, { double scale = 1.0 })

      : assert(file != null),

        assert(scale != null),

        super(file, scale: scale) {

    fileSize = file.lengthSync();

  }

  @override

  bool operator ==(dynamic other) {

    if (other.runtimeType != runtimeType)

      return false;

    final FileImageEx typedOther = other;

    return file?.path == typedOther.file?.path

        && scale == typedOther.scale && fileSize == typedOther.fileSize;

  }

}

接下来，直接使用下面的代码来加载图像：

Image(image: FileImageEx(File(_fileName)));

经测试，问题得到解决。

如果您有更好的方式，欢迎留言。

巴特西

[Flutter] Image.File 加载图像时文件内容变化显示不变解决

最新文章

热门文章