Using a Future on rows of a DataTable-CodePudding

Sure this is something fundamental, but I'm trying to put the results of a database query into a DataTable widget with the below:

class ADataTable extends StatelessWidget {

  ADataTable({Key? key}) : super(key: key);

  var resultSet = generateRows();

  @override
  Widget build(BuildContext context) {
    return DataTable(
      columns: setHeader(['Date','In Temp','Out Temp']),
      rows: resultSet
    );
  }
}

The signature of generateRows is:

Future<List<DataRow>> generateRows() async

However, as expected I'm getting the error:

The argument type 'Future<List<DataRow>>' can't be assigned to the parameter type 'List<DataRow>'.

I've tried various ways to "cast away" the Future but it seems I just keep propagating a Future no matter how I try, so must be missing something fundamental! Appreciate the help!

CodePudding user response：

You created a StatelessWidget, yet the first real line of code is your widget holding state. That won't work.

Create a StatefulWidget, create a State class for it, then in your state class, create a Future<> variable. You can set this variable in the initState method. Then in the build method, you can use this variable and a FutureBuilder widget to make your widget react to the fact that data may come in after it started to show, since it's async.

See What is a Future and how do I use it? for a more detailed explanation why and a full example.