为何Flutter中FutureBuilder的snapshot.connectionState直接变为ConnectionState.done？

• 检查getResult方法的返回逻辑
  确保方法正确标记async，并且返回await http.get()的处理结果，避免同步返回空Future。错误示例：

  // 错误：没有async/await，也没有返回有效Future
  Future<Result> getResult() {
    http.get(Uri.parse("your_api_url"));
  }
  

  正确写法：

  Future<Result> getResult() async {
    final response = await http.get(Uri.parse("your_api_url"));
    // 解析response并返回Result对象
    return Result.fromJson(jsonDecode(response.body));
  }
  

• 添加日志与错误状态检查
  在getResult里打印关键日志确认请求是否执行，同时在FutureBuilder中处理错误状态：

  // 在ResultAPI的getResult中添加日志
  Future<Result> getResult() async {
    print("触发http.get请求");
    try {
      final response = await http.get(Uri.parse("your_api_url"));
      print("请求完成，状态码：${response.statusCode}");
      if (response.statusCode == 200) {
        return Result.fromJson(jsonDecode(response.body));
      } else {
        throw Exception("请求失败：${response.statusCode}");
      }
    } catch (e) {
      print("请求异常：$e");
      rethrow;
    }
  }
  
  // 在FutureBuilder中处理错误
  FutureBuilder<Result>(
    future: _resultFuture,
    builder: (context, snapshot) {
      if (snapshot.hasError) {
        return Text("请求错误：${snapshot.error}");
      }
      switch (snapshot.connectionState) {
        case ConnectionState.waiting:
          return CircularProgressIndicator();
        case ConnectionState.done:
          if (snapshot.data == null) {
            return Text("未获取到数据");
          }
          return Text("成绩：${snapshot.data!.score}");
        default:
          return SizedBox();
      }
    },
  )
  

• 避免重复创建Future
  不要直接在FutureBuilder的future参数中调用ResultAPI.getResult()，否则每次组件重建都会发起新请求，导致状态异常。应在initState中初始化Future并复用：

  late Future<Result> _resultFuture;
  
  @override
  void initState() {
    super.initState();
    _resultFuture = ResultAPI.getResult();
  }
  

• 验证网络配置与权限

  • Android：确保AndroidManifest.xml中添加了网络权限：

    <uses-permission android:name="android.permission.INTERNET" />
    

  • iOS：若使用HTTP请求，需在Info.plist中配置允许不安全连接：

    <key>NSAppTransportSecurity</key>
    <dict>
      <key>NSAllowsArbitraryLoads</key>
      <true/>
    </dict>
    

• 检查API地址与Headers
  确认请求URL正确，若API需要认证头（如Token），需在http.get中添加headers参数：

  final response = await http.get(
    Uri.parse("your_api_url"),
    headers: {"Authorization": "Bearer your_token"},
  );
  

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