将refreshShoppingItems移至独立文件后，ListView.builder无法显示SQFlite数据

核心问题 #

1. 参数传递逻辑错误：将refreshShoppingItems移到外部后，你传入的data是未定义变量，且函数内的shoppingItems是局部参数，修改它不会同步到组件的状态变量中，组件的shoppingItems始终是空的，导致ListView无数据。
2. 异步操作未正确等待：initState中直接调用异步函数refreshShoppingItems，后续的print会在异步请求完成前执行，打印的是初始空列表的长度，同时状态更新时机错误。
3. SetState使用方式错误：外部函数中试图通过传入的setState操作局部变量，逻辑完全无效。

修复步骤 #

1. 重构外部的refreshShoppingItems函数

让它直接返回数据库获取的数据，不需要传递状态变量：

// 外部文件（比如sql_helpers.dart）
Future<List> refreshShoppingItems() async {
  return await SQLHelper_Shopping.getItems();
}

2. 修改组件内的初始化逻辑

在组件中新增异步加载方法，正确等待数据并更新状态：

// 组件内的状态变量初始化
List shoppingItems = [];
TabController? _tabController;
bool _isLoading = false;

@override
void initState() {
  _tabController = TabController(length: 3, vsync: this);
  super.initState();
  _loadShoppingItems(); // 调用异步加载函数
}

// 单独处理异步加载的方法
Future<void> _loadShoppingItems() async {
  _isLoading = true;
  final loadedItems = await refreshShoppingItems();
  setState(() {
    shoppingItems = loadedItems;
    _isLoading = false;
  });
  print("..number of items ${shoppingItems.length}");
}

3. 保持ListView代码不变

你的ListView.builder逻辑本身没问题，只要shoppingItems状态正确更新，就能正常渲染数据。

为什么原来的代码不工作？ #

• 你传入refreshShoppingItems的shoppingItems是局部参数，修改它的clear()和addAll()只会改变这个局部变量，和组件的状态变量shoppingItems没有关联。
• initState中调用异步函数时没有使用await，导致print语句在数据库请求完成前执行，此时shoppingItems还是初始空列表。
• 你在initState中传入的data变量从未定义，属于无效参数。

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