CODEWITHSUNDEEP
flutterdart
micobg
micobg

Reputation: 1342

Autoclose dialog in Flutter

I want to autoclose dialog a few seconds after opening. The solution that I found is to call Navigator.of(context).pop(); delayed and it works. But the problem occurs if I closed it manually (by clicking outside) before the execution of the Navigator.pop command. Then Navigator.pop just closes the app and I see just a black screen. I need a way to destroy this delay on closing the dialog or to find another workaround.

showDialog(
  context: context,
  builder: (BuildContext builderContext) {
    Future.delayed(Duration(seconds: 5), () {
      Navigator.of(context).pop();
    });

    return AlertDialog(
      backgroundColor: Colors.red,
      title: Text('Title'),
      content: SingleChildScrollView(
        child: Text('Content'),
      ),
    );
  }
);

Upvotes: 5

Views: 12633

Answers (4)

Tarish
Tarish

Reputation: 618

await showDialog(
  context: context,
  builder: (BuildContext dialogContext) {
    Future.delayed(Duration(seconds: 5),() => Navigator.of(dialogContext).pop());
    return AlertDialog(
      backgroundColor: Colors.red,
      title: Text('Title'),
      content: SingleChildScrollView(
        child: Text('Content'),
      ),
   );
  }
);
// any code which will be executed after the dialog is closed
// either by the timer or by user action

Note: It is important to use the dialog context because if you use pop on other context it is likely that you are calling pop on the parent widget and not the dialog.

Upvotes: 0

Aleksandar
Aleksandar

Reputation: 1588

You can use different way of executing pop() request using Timer

_timer = Timer(Duration(seconds: _timerTimeoutInterval), () {
    Navigator.of(context).pop();
});

And in case you want to cancel the timer you can call this: 

if (_timer != null && _timer.isActive) {
  _timer.cancel();
}

Upvotes: 1

encubos
encubos

Reputation: 3313

In this case, you are using the wrong context.

Try to change the context you are using in the "pop"

You have this BuildContext builderContext, use that builderContext like:

Navigator.of(builderContext).pop();

Upvotes: 3

Midhun MP
Midhun MP

Reputation: 107221

You can use a Timer to achieve this. You can cancel the timer whenever you want.

Declare a timer property in your class:

Timer _timer;

And change your showDialog code like:

showDialog(
  context: context,
  builder: (BuildContext builderContext) {
    _timer = Timer(Duration(seconds: 5), () {
      Navigator.of(context).pop();
    });

    return AlertDialog(
      backgroundColor: Colors.red,
      title: Text('Title'),
      content: SingleChildScrollView(
        child: Text('Content'),
      ),
   );
  }
).then((val){
  if (_timer.isActive) {
    _timer.cancel();
  }
});

Upvotes: 17

Related Questions