在开发电商相关的APP的时候,经常会有秒杀,团购的倒计时的需求,跟大家推荐一个开源的倒计时组件:
github地址:https://github.com/jackuhan/react-native-CountDowntimer
该组件只需要添加一个结束时间即可,非常方便,适用于商品秒杀页面等。
效果图如下:
示例代码:
import CountDown from './CountDownReact'
<CountDown
//date={new Date(parseInt(endTime))}
date="2017-11-28T00:00:00+00:00"
days={{plural: 'Days ',singular: 'day '}}
hours=':'
mins=':'
segs=''
daysStyle={styles.time}
hoursStyle={styles.time}
minsStyle={styles.time}
secsStyle={styles.time}
firstColonStyle={styles.colon}
secondColonStyle={styles.colon}
/>