React Native Counter Down

React native ile tasarlarığınız projenizde bir geri sayın sayacı ve bu sayacın sayımını bitirdikten sonrada çalışmasını istediğiniz bir fonksiyon olmasını isteyebilirsiniz, daha önceki npm tanıtımlarımdada bahsettiğim gibi hazırı varken yeniden yapmanıza gerek yok .

Birçok counter down npm i inceledim ancak en başarılısı ve işini en iyi yapanı şimdi size örneğini vereceğim npm olmuştur.

sudo npm install react-native-timer-countdown --save

kurulumdan sonra import edelim ,

import TimerCountdown from 'react-native-timer-countdown'

importtan sonra kullanıma geldi sıra

<TimerCountdown
initialSecondsRemaining={20000}
interval={600}
onTimeElapsed={() =>this.cagiralacakFonksiyon()}
allowFontScaling={true}
style={{ fontSize:20, color:'white', width:50 }}

initialSecondsRemaining

kaç milisaniye geriye sayacağını tanımlarız  20000 = 20 saniye geri sayım demektir.

interval

ne kadar hızla geri sayacağıdır , yani pulse sayısı

onTimeElapsed

Geri sayım sonlandırıldığında çalışacak fonksiyon

 

Uygulama Geliştirme:
İlgili Makalaler