Flutter中Future块内属性未更新，setState无效求助

核心问题 #

1. 未触发API调用：代码里定义了ApiCall方法，但从未在合适时机调用，导致_response一直停留在初始值"exe"。
2. 未通知UI更新：即使修改了_response，也没调用setState告知Flutter框架状态变更，UI不会重新渲染。
3. 无效API地址：www.api缺少http://或https://前缀，属于非法URL，会直接导致请求失败。

修复后的完整代码 #

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class ApiPage extends StatefulWidget {
  const ApiPage({Key? key}) : super(key: key);

  @override
  State<ApiPage> createState() => _ApiPageState();
}

class _ApiPageState extends State<ApiPage> {
  String _response = "exe";

  Future<void> apiCall() async {
    // 替换为实际可用的API地址，必须带http/https前缀
    String adres = "https://jsonplaceholder.typicode.com/todos/1";
    try {
      http.Response cevap = await http.get(Uri.parse(adres));
      if (cevap.statusCode == 200) {
        setState(() {
          _response = cevap.body;
        });
      } else {
        setState(() {
          _response = "error";
        });
      }
    } catch (e) {
      setState(() {
        _response = "请求异常: $e";
      });
    }
  }

  @override
  void initState() {
    super.initState();
    // 页面初始化时自动调用API
    apiCall();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        children: <Widget>[
          Text('$_response'),
          // 可选：添加按钮手动触发API调用
          ElevatedButton(
            onPressed: apiCall,
            child: const Text('重新调用API'),
          ),
        ],
      ),
    );
  }
}

关键修改点 #

• 触发API调用：在initState中调用apiCall，确保页面加载时自动发起请求；也可通过按钮让用户手动触发。
• 包裹setState：所有修改_response的操作都放在setState回调内，强制Flutter更新UI。
• 修正URL格式：给API地址添加https://前缀，示例用了公开测试API，实际替换为你的目标接口。
• 异常捕获：添加try-catch处理网络请求可能出现的异常（如无网络、地址不可达），避免程序崩溃。
• 规范命名：类名和方法名遵循Dart命名规范（ApiPage、apiCall），提升代码可读性。

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