Flutter：检测到snapshot.hasError后如何重建FutureBuilder

你当前的写法存在几个问题，而且本质上没法实现“出错后重建FutureBuilder并重新执行异步任务”的需求，具体问题和修正方案如下：

现有代码的问题 #

• 变量名笔误：定义的是boolin，修改时却用了booling
• 布尔变量修改逻辑错误：!booling只是取反操作，没有赋值给变量，正确写法应为booling = !booling
• 无效语法：setState.call是错误的调用方式，完全不需要这行代码
• 核心逻辑缺陷：就算触发了StatefulBuilder重建，只要future: func里的func是同一个Future实例，FutureBuilder就不会重新执行异步任务——它只会在future的引用发生变化时，才会重新发起请求

正确实现方式 #

要实现出错后重新执行异步任务，需要把future存为State变量，出错时通过setState更新这个变量的引用（重新生成新的Future实例），示例代码如下：

class _YourWidgetState extends State<YourWidget> {
  late Future<String> _futureTask;

  @override
  void initState() {
    super.initState();
    // 初始化异步任务
    _futureTask = func();
  }

  // 重新执行异步任务的方法
  void _retryTask() {
    setState(() {
      // 重新生成Future实例，改变引用触发FutureBuilder重建
      _futureTask = func();
    });
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      initialData: '',
      future: _futureTask,
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const CircularProgressIndicator();
        } else if (snapshot.connectionState == ConnectionState.done) {
          if (snapshot.hasError) {
            // 这里可以选择自动重试，或是显示重试按钮让用户触发
            return Column(
              children: [
                const Text('data1'),
                ElevatedButton(
                  onPressed: _retryTask,
                  child: const Text('重试'),
                ),
              ],
            );
          } else {
            return const Text('data2');
          }
        } else {
          return Text(snapshot.connectionState.toString());
        }
      },
    );
  }
}

说明 #

• 将异步任务的返回实例存在State变量中，每次重试时通过setState赋值新的Future实例，FutureBuilder会检测到引用变化并重新执行任务
• 如果需要自动重试，可直接在snapshot.hasError分支调用_retryTask，但建议添加重试次数限制或防抖逻辑，避免无限循环

内容的提问来源于stack exchange，提问作者Malak