Flutter/Dart async/await not waiting

Question

I have this piece of code:


  List<String> allSlokamIdsList = [];
  List<Slokam> allSlokamsList = [];
  Map<String, List<String>> allSlokamsMap = {};
  List<String> sungSlokams = [];
  var knownSlokams = {'nma': <String>[], 'mpd': <String>[]};

  late String currentAksharam;
  late String currentVrtham;
  var currentPlayerNo = 0;
  late String currentSlokam;

  @override
  void initState() {
    // ignore: todo
    // TODO: implement initState
    super.initState();
    print('in sadas');
    getData();
    doSetup();
  }

  @override
  void dispose() {
    player.dispose();
    super.dispose();
  }

  Future<void> getData() async {
    allSlokamsList = await dbHelper.getSlokams();
    allSlokamIdsList = await dbHelper.getSlokamIds();
    // print(allSlokamsList[1].first_line);
  }

  void doSetup() async {
    _init();
    _getAudioList();
    player.playbackEventStream.listen((event) {
      if (event.processingState == ProcessingState.completed) {
        slokamCompleted();
      }
    });
  }

  void _init() {
    print('_init');
    isPlaying = false;
    isPaused = false;
    isStopped = true;
    print('allSlokamsList = $allSlokamsList');

    for (var item in allSlokamsList) {
      allSlokamsMap[item.slokam_id] = [
        item.aksharam,
        item.aksharam3,
        item.slokam_text
      ];
    }
    print('allSlokamsMap=$allSlokamsMap');
  }


The await in the getdata() is not waiting for the operation to finish, apparently.

When the code in _init() is executed, the getdata() is not complete and as a result, the allSlokamsList is emplty.

The print statements are producing the following output:

I/flutter (17648): in sadas

I/flutter (17648): _init

I/flutter (17648): allSlokamsList = []

I/flutter (17648): allSlokamsMap={}

How can I fix this?

Nothing `await`s `getData()` to complete before `doSetup()` is called (which then calls `_init()`. I strongly recommend enabling the [`unawaited_futures` lint](https://dart-lang.github.io/linter/lints/unawaited_futures.html). Also, calling asynchronous functions from `initState` is usually wrong; [use a `FutureBuilder`](https://stackoverflow.com/q/63017280/). — jamesdlin, Jun 19 '22 at 15:21

score 0 · Answer 1 · answered Jun 19 '22 at 11:04

0

it is because you called doSetUp function on initState. Call doSetUp in getData function.

Future<void> getData() async {
allSlokamsList = await dbHelper.getSlokams();
allSlokamIdsList = await dbHelper.getSlokamIds();
doSetUp();
}

answered Jun 19 '22 at 11:04

brook yonas

436
3
14

score 0 · Answer 2 · answered Jun 20 '22 at 10:07

Problem is your getData function and doSetup were called synchronously. There are usually 2+ ways that you can fix this.

Use then:

getData().then((_)=>doSetup());

Make a separated function, make sure it has async, the function's return value can be void or Future<void> based on your use case:

void init() async {
    await getData();
    doSetup();
}

(Not recommended) You can have your doSetup called inside your getData

Future<void> getData() async {
    allSlokamsList = await dbHelper.getSlokams();
    allSlokamIdsList = await dbHelper.getSlokamIds();
    doSetup(); //Don't do this
}

It's not recommended because getData function should only for getting data, not doing any kind of setup.

Flutter/Dart async/await not waiting

2 Answers2