如何解决Future<List<DataRow>>无法赋值给DataTable rows参数的问题

你的generateRows是标记了async的异步方法，Dart中所有异步方法的返回值都会被Future自动包裹，你直接把Future<List<DataRow>>类型的变量赋值给DataTable要求List<DataRow>>类型的rows参数，类型不匹配因此触发报错。

Dart不支持同步获取Future内部的实际值，你之前尝试直接消除Future失败，是因为build方法本身不是异步方法，不能直接在内部使用await等待异步执行结果，必须用Flutter提供的异步渲染组件处理。

使用FutureBuilder组件监听异步方法的执行状态，根据不同状态渲染对应UI，加载完成后再将拿到的实际List<DataRow>传给DataTable即可。

基础实现（StatelessWidget版本） #

如果不需要缓存异步请求结果，可直接在StatelessWidget中使用：

class ADataTable extends StatelessWidget {
  const ADataTable({super.key});

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<DataRow>>(
      // 绑定异步方法
      future: generateRows(),
      initialData: const [],
      builder: (context, snapshot) {
        // 加载中显示进度条
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        // 加载出错提示
        if (snapshot.hasError) {
          return Center(child: Text('数据加载失败：${snapshot.error}'));
        }
        // 加载完成渲染表格
        final resultRows = snapshot.data ?? [];
        return DataTable(
          columns: setHeader(['Date','In Temp','Out Temp']),
          rows: resultRows
        );
      },
    );
  }
}

优化实现（StatefulWidget版本） #

上述基础实现中，每次组件重绘都会重新触发generateRows执行数据库查询，如需避免重复请求，改为StatefulWidget在初始化时仅执行一次查询：

class ADataTable extends StatefulWidget {
  const ADataTable({super.key});

  @override
  State<ADataTable> createState() => _ADataTableState();
}

class _ADataTableState extends State<ADataTable> {
  late Future<List<DataRow>> _rowsFuture;

  @override
  void initState() {
    super.initState();
    // 初始化时仅执行一次异步查询
    _rowsFuture = generateRows();
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<DataRow>>(
      future: _rowsFuture,
      initialData: const [],
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        if (snapshot.hasError) {
          return Center(child: Text('数据加载失败：${snapshot.error}'));
        }
        return DataTable(
          columns: setHeader(['Date','In Temp','Out Temp']),
          rows: snapshot.data ?? []
        );
      },
    );
  }
}

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