Question

0

24

Views

React Native clearInterval is not stoping setInterval

For some reason I can't get my counter to stop. The function receive the 'stop' on the onPressOut however clearInterval() is not working the counter continues to run

  const startCounter = press => {
    let myInterval = setInterval(() => {
      setCounter(count => count + 1);

      if (press === 'stop') {
        clearInterval(myInterval);
      }
    }, 1000);
  };

  return (
    <Pressable
      onPress={toggleMute}
      onLongPress={startCounter}
      onPressOut={() => startCounter('stop')} />
  )

3 months ago ·

Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Loading

Accepted Answer · 2022-07-05T12:00:12.462Z

Try this code it's work !

let myInterval = '';
  const startCounter = press => {
    myInterval = setInterval(() => {
      setCounter(count => count + 1);

      if (press === 'stop') {
        clearInterval(myInterval);
      }
    }, 1000);
  };
  const stopCounter = () => {
    clearInterval(myInterval);
  }
  return (
    <Pressable
      onPress={toggleMute}
      onLongPress={startCounter}
      onPressOut={() => stopCounter()} />
  )