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

Question

我想使用多个 Future，因此我在 FutureBuilder 中实现了 Future.wait 功能。

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

这是代码:

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对象内部的后期最终变量，您实际上正在缓存它。通过延迟声明，您不会急于启动 future ，而是在第一次访问时启动 future 。