如何使用 Future 作为状态

Question

我有一个显示图像的常规FutureBuilder ：

Future<Image> image;

@override
void initState() {
  super.initState();
  image = loadImage();
}

Widget build(BuildContext context) => FutureBuilder<Image>(
      future: image,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          // using snapshot.data

但是如果我稍后需要将图像更改为不同的本地图像怎么办？ 说：

Future<Image> filtered;

合乎逻辑的方法是使用现有image从其他来源加载它，例如：

setState(() {
  image = Future(() => filtered);
});

然而，扑抛出时，错误Future是在返回setSate调用（的setState（）回调参数返回一个Future）建议进行异步工作，只与结果设置状态。 这在通常情况下没问题，但是，在这种情况下，状态本身是Future ，而不是它的结果。

Answer 1

作为参考，解决方案pskink建议：

把Future变成Stream ：

StreamController<Image> image = StreamController<Image>();

最初加载它：

@override
void initState() {
  super.initState();
  loadImage().then((img) => image.add(img));
}

几乎和以前一样使用它：

Widget build(BuildContext context) => StreamBuilder<Image>(
      stream: image.stream,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          // using snapshot.data

并在应显示新图像时使用相同的模式

image.add(filtered));