Мне интересно, как я мог сделать так, чтобы в моем обратном отсчете была анимация скольжения вниз для каждой изменяемой ди 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>
)
}
}