Dart/Flutter：如何从异步方法getDayList获取普通列表？

我来帮你搞定这个异步数据获取并更新图表的问题，在Flutter里这种场景很常见，咱们一步步来实现：

1. 注意：initState不能直接用异步 #

因为initState()是同步生命周期方法，没法直接标记为async，所以咱们需要在initState里启动一个单独的异步方法来处理数据逻辑。

2. 实现异步数据获取与转换方法 #

先在你的State类里新增一个异步方法，用来调用getDayList、转换数据格式，最后更新状态：

void _loadBarChartData() async {
  try {
    // 调用异步方法获取数据库中的日期列表，替换成你需要的year和month参数
    List<Map> dayRecords = await getDayList(2024, 10);
    
    // 将数据库返回的List<Map>转换成BarChartRodData列表
    List<BarChartRodData> barRods = dayRecords.map((record) {
      // 从Map中取出day字段，注意数据库返回的通常是String类型，需要转成数值
      int day = int.parse(record['day'].toString());
      return BarChartRodData(
        color: normal,
        y: day.toDouble(), // 这里把day值作为y轴数据，你可以根据业务需求调整
        borderRadius: const BorderRadius.all(Radius.zero),
      );
    }).toList();

    // 更新状态，触发UI重新渲染
    setState(() {
      data = [
        BarChartGroupData(
          x: 0,
          barsSpace: 4,
          barRods: barRods, // 替换成从数据库获取的动态列表
        ),
      ];
    });
  } catch (e) {
    // 处理异常情况，比如数据库查询失败、数据格式错误等
    print('加载图表数据失败：$e');
    // 你也可以在这里添加UI错误提示，比如显示Toast或者错误页面
  }
}

3. 在initState中启动异步任务 #

修改你的initState方法，在调用父类方法后启动上面的异步加载逻辑：

@override
void initState() {
  super.initState();
  // 启动异步数据加载
  _loadBarChartData();
}

额外提示 #

• 如果需要在数据加载完成前显示占位内容，可以给data设置一个初始的默认图表数据；
• 数据转换逻辑可以根据你的实际需求调整，比如如果需要统计每天的祈祷记录数量，就需要修改数据库查询语句和y值的计算方式；
• 务必保留try-catch块，避免异步操作失败导致应用崩溃。

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