Flutter中异步方法内添加数据后外部列表仍为空问题

安全阿岳

2026-4-29

问题原因分析

这是典型的异步代码执行顺序问题：

asyncInitState 是异步方法，里面的 await HController.GetHairdressers() 会暂停当前函数，等待异步操作（比如网络请求）完成后才继续填充列表。
而 initState 是同步执行的，调用 asyncInitState() 后并不会等待它执行完毕，直接跳到后面的 print 语句——这时候异步操作还没完成，列表自然是空的。

解决方案

我们需要让 initState 里的后续操作（比如打印列表长度）等待异步方法执行完成后再触发，同时优化代码冗余点：

1. 修正异步方法的返回类型与内部逻辑

把 asyncInitState 的返回类型改为 Future<void>（异步方法建议显式返回Future，避免隐式行为），同时简化列表填充的代码（去掉多余的i变量）：

Future<void> asyncInitState() async {
  Hairdressercontroller HController = Hairdressercontroller();
  List<dynamic> value = await HController.GetHairdressers();
  
  // 直接遍历entry，无需手动维护索引i
  for (var entry in value) {
    Hairdresser p = Hairdresser();
    p.name = entry["name"];
    p.location = entry["location"];
    this.HairdressersData.add(p);
  }
  
  print("List length inside the method : ${this.HairdressersData.length}");
  // 如果需要更新UI，必须调用setState通知框架重新构建
  setState(() {});
}

2. 在initState中监听异步方法完成事件

因为 initState 本身不能是异步方法，我们可以用 then 链式调用，等待异步方法执行完毕后再执行后续操作：

@override
void initState() {
  super.initState();
  // 用then监听异步方法完成
  asyncInitState().then((_) {
    print('data length is ${this.HairdressersData.length}');
    // 这里可以添加数据加载完成后的其他逻辑，比如初始化控制器、刷新UI等
  });
}