Блог

Я использую react-native 0.63 и выполняю простой интервал в 1 секунду при монтировании компонента.

например

 useEffect(() => {
    // Start elapsed ticker
    const levelTicker = setInterval(() => {
      console.log('TICK...')
      setSeconds((s) => s   1)
    }, 1000)

    return () => {
      console.log('CLEARING INTERVAL')
      clearInterval(levelTicker)
    }
  }, [])
  

Когда я запускаю приложение без включенного отладчика, приложение правильно отображает таймер (1 секунда каждого рендеринга). Но когда я активирую отладчик, он работает намного быстрее — 0,00001 с при каждом рендеринге, что делает практически невозможным нажатие кнопок или что-либо еще в приложении. То же самое происходит при попытке onPress использовать кнопки, которые имеют onLongPress . Он будет работать так быстро, что даже быстрое нажатие вызовет onLongPress .

Любые подсказки, как заставить хотя бы работать с нормальной скоростью? Заранее спасибо.

Устройство: OnePlus 7T, Android 10