Chaing async method on Dart

Question

I have following class.

class Element {
  Future<Element> findById(var id)async {
     await networkRequest();
     return this;
  }

 Futute<Element> click() async {
    await networkRequest();
    return this;
 }
}

I want to achieve the something like.

main() async {
  var element = Element();
  await element.findyById("something").click();
}

But I'm not able to do so because element.findById() returns future. How can I chain these async methods.

Answer 1

While there's no special syntax to chain futures, there are two semantically equivalent ways to do what you want:

1) Two separate await calls:

await element.findById("something");
await click();

2) Chaining with then :

await element.findById("something").then(() => click());

Answer 2

Use this,

await (await Element().findById("1")).click();

Answer 3

final el = await element.findyById("something");
await el.click();