FutureProvider 使用 .whenData() 速记

Question

Riverpod 使用 .whenData() 提供了一种速记方式，您无需提供加载和错误参数。但我找不到如何使用此代码在 build() 函数中返回小部件的示例。

     Widget build(BuildContext context, ScopedReader watch) {
          final cityListFuture = watch(cityListFutureProvider);
          // This one is working fine
          return cityListFuture.when(
              data: (value) {
                return Text("Data goes here");
              },
              loading: () => CircularProgressIndicator(),
              error: (error, stack) {
                return Container();
              });
     
          // This is shorthand for .when() without the need of loading and error
          // ERROR: The return type 'AsyncValue<Text>' isn't a 'Widget', as required by the closure's context.
          return cityListFuture.whenData((value) => Text("Data goes here"));
     }

有人知道我们如何使用 .whenData() 来返回一个小部件吗？

Answer 1

为此我不得不阅读一个非常有趣的文档。

似乎whenData 可能不完全是它应该做的。

因为它所做的只是返回一个AsyncValue<Widget>，而不是像when 函数那样直接返回Widget。

所以使用它的一种方法是，

return cityListFuture.whenData((val) => Text(val)).data!.value;

在这里，value 将是您的 Text(value) 本身。

这里需要注意的是! 符号，因为data 可以为空。所以你必须手动进行if 检查。

这里要注意的另一件事是，您也可以通过这样的方式实现相同的目标，

return Text(watch(cityListFutureProvider).data?.value);

假设您的value 是一个字符串。