Flutter/Dart - Open a view after a delay or break before

Question

In the question "Open a view after a delay", copsOnRoad gives the following result:

import 'dart:async';

// 1. Option with Timer
Timer(Duration(seconds: 5), () {
  // 5s over, navigate to a new page
  Navigator.pushNamed(context, MaterialPageRoute(builder: (_) => Screen2()));
});


// 2. Option -- Using Future.delayed class
Future.delayed(Duration(seconds: 5), () {
  // 5s over, navigate to a new page
  Navigator.pushNamed(context, MaterialPageRoute(builder: (_) => Screen2()));
});

I would like to give the user an option to stop the execution of Navigator.pushNamed during the 5 seconds while waiting. How is that possible?

score 0 · Answer 1 · answered Jan 16 '21 at 18:18

0

you can define a bool that if it is cancelled or not then push or not like:


import 'dart:async';

bool isCancelled = false;

// 1. Option with Timer
Timer(Duration(seconds: 5), () {
  // 5s over, navigate to a new page
  Navigator.pushNamed(context, MaterialPageRoute(builder: (_) => Screen2()));
});


// 2. Option -- Using Future.delayed class
Future.delayed(Duration(seconds: 5), () {
  if(!isCancelled )
  Navigator.pushNamed(context, MaterialPageRoute(builder: (_) => Screen2()));
});

and a button to change state of isCancelled

answered Jan 16 '21 at 18:18

Nastaran Mohammadi

944
8
10

If I push the button again, would the ```Future.delayed``` or ```Timer``` be continued to be executed? – Uwe.Schneider Jan 16 '21 at 18:29
you can do anything you want in button onTap – Nastaran Mohammadi Jan 17 '21 at 09:25

Flutter/Dart - Open a view after a delay or break before

1 Answers1