Как сделать анимацию слайдов в обратном отсчете в React Native? - PullRequest
0 голосов
/ 24 апреля 2020

Мне интересно, как я мог сделать так, чтобы в моем обратном отсчете была анимация скольжения вниз для каждой изменяемой ди git, но я не могу понять, как я смогу это сделать.

Итак До сих пор мне удалось получить только базовую функциональность обратного отсчета:

export default class Countdown extends React.Component {
state={
    eventDate:moment.duration().add({hours:1,minutes:15,seconds:0}),
    hours:0,
    mins:0,
    secs:0
};

componentDidMount(){
    this.updateTimer()
}
updateTimer=()=>{

    const x = setInterval(()=>{
        let { eventDate} = this.state;

        if(eventDate <=0){
            clearInterval(x)
        }else {
            eventDate = eventDate.subtract(1,"s");
            const hours = eventDate.hours();
            const mins = eventDate.minutes();
            const secs = eventDate.seconds();

            this.setState({
                hours,
                mins,
                secs,
                eventDate
        })}},1000)

};
render() {
    const {hours, mins, secs} = this.state;

    return (
        <View>
            <Text>
                {`${("0" + hours).slice(-2)}`}
                    <BlinkingText interval={1000}>:</BlinkingText>
                {`${("0" + mins).slice(-2)}`}
                    <BlinkingText interval={1000}>:</BlinkingText>
                {`${("0" + secs).slice(-2)}`}
            </Text>
        </View>
    )
}
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...