Flutter中initState调用splitVendorMainCategory无效，后续调用正常问题排查

这个问题的核心在于异步函数的执行时机和Flutter的状态更新机制，咱们一步步拆解：

1. 为什么initState里调用会返回空列表？ #

你的splitVendorMainCategory标记为异步函数，但代码里并没有真正的异步任务（比如网络请求、延迟操作），只是加了async关键字。即便如此，当你在initState里调用它时：

• initState是同步执行的，它不会等待异步函数执行完成，会直接走完逻辑并触发组件的第一次build。
• 第一次build时，异步函数里的循环还没来得及把元素添加到vendorMainCategoryC1和vendorMainCategoryC2中，所以UI显示的是空列表。
• 更关键的是：就算异步函数后续执行完、填充了列表，你也没有调用setState((){})通知Flutter框架状态发生变化，所以UI不会重新渲染，你永远看不到更新后的列表。

2. 为什么在body里调用能得到预期结果？ #

当你在body（也就是build方法里）调用这个函数时：

• build方法会被Flutter频繁触发（比如组件初始化、父组件状态变化、窗口尺寸改变等）。第一次build时列表被填充，之后如果有任何触发build的操作，第二次渲染时列表已经有元素了，所以你能看到预期结果。
• 但这种做法并不规范，build方法应该是纯函数，不应该包含修改状态的操作，频繁执行这个函数会带来不必要的性能损耗。

修复方案 #

方案一：移除不必要的异步，同步处理+手动触发状态更新 #

既然你的代码里没有真正的异步操作，完全可以把函数改成同步的，然后在initState里调用后触发状态更新：

List vendorMainCategory = ['one', 'two', 'three', 'four'];
List vendorMainCategoryC1 = [];
List vendorMainCategoryC2 = [];

void splitVendorMainCategory() {
  // 先清空列表，避免重复添加（比如多次调用函数时）
  vendorMainCategoryC1.clear();
  vendorMainCategoryC2.clear();
  
  int length = vendorMainCategory.length;
  for (int i = 0; i < length; i += 2) {
    vendorMainCategoryC1.add(vendorMainCategory[i]);
  }
  for (int j = 1; j < length; j += 2) {
    vendorMainCategoryC2.add(vendorMainCategory[j]);
  }
}

@override
void initState() {
  super.initState();
  splitVendorMainCategory();
  // 通知Flutter更新UI
  setState(() {});
}

方案二：保留异步（如果之后需要加异步任务），在异步函数内触发状态更新 #

如果之后你的函数需要添加真正的异步逻辑（比如从网络获取vendorMainCategory），可以保留async，但要在函数执行完后调用setState：

Future splitVendorMainCategory() async {
  // 这里可以添加真正的异步操作，比如网络请求
  // await fetchVendorCategories();
  
  vendorMainCategoryC1.clear();
  vendorMainCategoryC2.clear();
  int length = vendorMainCategory.length;
  for (int i = 0; i < length; i += 2) {
    vendorMainCategoryC1.add(vendorMainCategory[i]);
  }
  for (int j = 1; j < length; j += 2) {
    vendorMainCategoryC2.add(vendorMainCategory[j]);
  }
  
  // 完成后通知UI更新
  setState(() {});
}

@override
void initState() {
  super.initState();
  // 因为initState不能是async，所以直接调用异步函数即可
  splitVendorMainCategory();
}

这样修改后，无论是在initState还是其他地方调用，都能正确更新UI并显示填充后的列表。

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