why statement is getting called before await function in flutter

Question

I have created a demo for learning async and await

Here it is happening that a statement is executed before await function..

According to me

output should be A second Z First

but its giving

output : A Z second first

here is my coding

class _MyHomePageState extends State<MyHomePage> {
  first() {
    Future.delayed(Duration(seconds: 10), () {
      print('first');
    });
  }

  second() {
    Future.delayed(Duration(seconds: 1), () {
      print('second');
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Async demo'),
      ),
      body: Center(
        child: Container(
          color: Colors.white,
          child: TextButton(
            child: Text('Click Me'),
            onPressed: () async {
              print('A');
              first();
              await second();
              print('Z');
            },
          ),
        ),
      ),
    );
  }
}

Renik Shiroya · Accepted Answer · 2022-08-03 04:30:34Z

3

You should use async await in first() and second() function also before Future.delayed()

answered Aug 3, 2022 at 4:30

Renik Shiroya

3791 gold badge6 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Md. Yeasin Sheikh · Accepted Answer · 2022-08-03 05:19:14Z

1

Use like this.

    first() async  {
        await Future.delayed(Duration(seconds: 10), () {
          print('first');
        });
      }

    second() async   {
        await Future.delayed(Duration(seconds: 1), () {
      print('second');
    });
  }

edited Aug 3, 2022 at 5:19

Md. Yeasin Sheikh

64.8k7 gold badges50 silver badges86 bronze badges

answered Aug 3, 2022 at 4:36

Rohit Soni

1,4638 silver badges12 bronze badges

Comments

Mobin Ansar · Accepted Answer · 2022-08-03 05:11:55Z

0

this code is working fine .According to you output " A second Z First"

class HomePage extends StatelessWidget {
  first() async {
    await Future.delayed(Duration(seconds: 10), () {
      print('first');
    });
  }

  second() async {
    await Future.delayed(Duration(seconds: 1), () {
      print('second');
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Async demo'),
      ),
      body: Center(
        child: Container(
          color: Colors.white,
          child: TextButton(
            child: Text('Click Me'),
            onPressed: () async {
              print('A');
              first();
              await second();
              print('Z');
            },
          ),
        ),
      ),
    );
  }
}

here is output:

  Performing hot restart...
    Waiting for connection from debug service on Chrome...
    Restarted application in 397ms.
    A
    second
    Z
    first

answered Aug 3, 2022 at 5:11

Mobin Ansar

7204 silver badges13 bronze badges

1 Comment

Irfan Ganatra Over a year ago

yes but I did not add async and await in my first and second method,It is solved by adding it

Collectives™ on Stack Overflow

why statement is getting called before await function in flutter

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related