flutter_blurhash报错：Cannot clone a disposed image，如何解决？

Question

如何解决flutter_blurhash报错的问题
使用flutter_blurhash时跳转到另一个页面后返回经常会报错：

======== Exception caught by image resource service ================================================
The following StateError was thrown by an image listener:
Bad state: Cannot clone a disposed image.
The clone() method of a previously-disposed Image was called. Once an Image object has been disposed, it can no longer be used to create handles, as the underlying data may have been released.

When the exception was thrown, this was the stack: 
#0      Image.clone (dart:ui/painting.dart:1903:7)
#1      ImageInfo.clone (package:flutter/src/painting/image_stream.dart:73:20)
#2      ImageStreamCompleter.setImage (package:flutter/src/painting/image_stream.dart:755:32)
(elided 5 frames from dart:async)

代码：

BlurHash(
    imageFit: BoxFit.cover,
    curve: Curves.bounceInOut,
    hash: item["blurHash"],
    image: item["imageUrl"],
)

效果如图：

Answer 1

凭直觉可以先这样：🤣
在你返回的那个界面的State中添加 with AutomaticKeepAliveClientMixin
然后添加扩展方法

@override
  // TODO: implement wantKeepAlive
  bool get wantKeepAlive => true;

下面是一个DemoPage

class YourBackPage extends StatefulWidget {
  const YourBackPage({super.key});

  @override
  State<YourBackPage> createState() => _YourBackPageState();
}

class _YourBackPageState extends State<YourBackPage> with AutomaticKeepAliveClientMixin {
  @override
  Widget build(BuildContext context) {
    return const Placeholder();
  }

  @override
  bool get wantKeepAlive => true;
}

如果你的界面有Page Controller 也可以设置 keepAlive为 true