如何在 FutureBuilder Future.wait 函数中缓存 Future 以不在每次状态更改时重建

Question

我想使用多个 Futures，所以我在 FutureBuilder 中实现了 Future.wait 功能。

但只要页面状态发生变化，它就会不断重建。如何在 Future.wait 中缓存期货？

代码如下：

GetBuilder<OrdersMainController>(builder: (controller) {
            return FutureBuilder(
                future: Future.wait([controller.ordersFuture.value]),// lets me use multiple futures
                builder: (context, snapshot) {
                  switch (snapshot.connectionState) {
                    case ConnectionState.active:
                    case ConnectionState.waiting:
                    case ConnectionState.done:
                      if (snapshot.hasError) {
                        return SizedBox(
                            width: double.infinity,
                            height: 600,
                            child: Center(
                                child: Text(snapshot.error.toString(),
                                    style:
                                        Theme.of(context).textTheme.caption!)));
                      }
                      controller.ordersData.value = (snapshot.data! as List)[0];
                      final DataTableSource _data =
                          OrdersMainSource(controller.ordersData.value.data!);
                      return ...
                    default:
                      return ...;
                  }
                });
          })

Answer 1

不要在每次构建时调用 Future.wait()，而是使用 StatefulWidget 并将计算缓存在其状态中（请注意，状态对象在重建后仍然存在）。

class _MyWidgetState extends State<MyWidget> {
late final lotsOfData=Future.wait([controller.ordersFuture.value])
 @override
  Widget build(BuildContext context) {
.....
 return FutureBuilder(
                future: lotsOfData,

通过将lotsOfData 声明为后期最终变量在 State 对象中，您实际上是在缓存它。通过延迟声明，您不会急切地启动 Futures，而是在第一次访问时启动。

如何在 FutureBuilder Future.wait 函数中缓存 Future 以不在每次状态更改时重建

How to cache Future in FutureBuilder's Future.wait function to not rebuild everytime state changes

dart

flutter

flutter-getx