how to disable the timer in flutter using dispose

Question

I use a timer to count down. I feed seconds into the timer and the countdown begins. The timer works, but the problem is that when I change the page, I get an error that the timer will continue to work. Although I'm already on another page. I can't figure out how to disable it when changing the page. My code:

class _OutfitsMasterNewWidgetState extends State<OutfitsMasterNewWidget> {
  late FocusNode _searchFocus;
  late TextEditingController _searchController;
  final String? errorText = '';
  final interval = const Duration(seconds: 1);
  int currentSeconds = 0;


  String setStatus(int time) {
    if (time == 0) {
      return '0';
    } else {
      int timerMaxSeconds = time;
      if (timerMaxSeconds - currentSeconds < 0) {
        return '0';
      } else {
        return '${((timerMaxSeconds - currentSeconds) ~/ 60).toString().padLeft(2, '0')}: '
            '${((timerMaxSeconds - currentSeconds) % 60).toString().padLeft(2, '0')}';
      }
    }
  }
  void startTimeout() {
    var duration = interval;
    Timer.periodic(duration, (timer) {
      setState(() {
        currentSeconds = timer.tick;
      });
    });
  }


  @override
  void initState() {
    _searchFocus = FocusNode();
    _searchController = TextEditingController();
    super.initState();
    startTimeout();
    BlocProvider.of<OutfitsNewBloc>(context).add(
      OutfitsNewInitialEvent(
        startInitial: true,
      ),
    );
  }

  @override
  void dispose() {
    _searchFocus.dispose();
    _searchController.dispose();
    startTimeout();
    super.dispose();
  }

My Errore

timer.cancel not working?

Noor
– Noor

2022-11-15 12:08:06 +00:00
Commented Nov 15, 2022 at 12:08 — Noor
– Noor, Commented Nov 15, 2022 at 12:08
@Noor I updated my code, now it looks like it should

Andrii Havrylyak
– Andrii Havrylyak

2022-11-15 12:10:07 +00:00
Commented Nov 15, 2022 at 12:10 — Andrii Havrylyak
– Andrii Havrylyak, Commented Nov 15, 2022 at 12:10

eamirho3ein · Accepted Answer · 2022-11-15 12:12:33Z

2

Use mounted, try this:

void startTimeout() {
    var duration = interval;
    Timer.periodic(duration, (timer) {
      if (mounted) { //<--- add this
         setState(() {
           currentSeconds = timer.tick;
         });
      }else {
          timer.cancel();
      }
      
    });
  }

answered Nov 15, 2022 at 12:12

eamirho3ein

18.1k2 gold badges17 silver badges29 bronze badges

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

1 Comment

eamirho3ein Over a year ago

was it what you want? @AndriiHavrylyak

Dev · Accepted Answer · 2022-11-15 12:17:52Z

1

use a variable

Timer? periodicTimer;

initialize it in startTimeout()

void startTimeout() {
    var duration = interval;
    periodicTimer = Timer.periodic(duration, (timer) {
      setState(() {
        currentSeconds = timer. Tick;
      });
    });
  }

Then in dispose use

@override
  void dispose() {
    super.dispose();
    periodicTimer?.cancel();
  }

// Use other dispose methods as you need its just a walkthrough

answered Nov 15, 2022 at 12:17

Dev

6,7962 gold badges29 silver badges36 bronze badges

Collectives™ on Stack Overflow

how to disable the timer in flutter using dispose

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related