使用Json响应对象作为限制日期的React Native countDown Timer
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Json响应对象作为限制日期的React Native countDown Timer相关的知识,希望对你有一定的参考价值。
我想使用倒数计时器作为限制日期使用倒数计时器(用until直到= {item.date}替换until = {this.state.totalDuration})但是我失败了我总是有NaN NaN NaN。如果我直接更改直到值,例如(直到= {'2020-12-12'})我没有在倒计时获得NaN NaN NaN但是我得到倒计时从30分钟开始下降,那是akward的
<Content >
<View style ={{ flex:1}}>
<FlatList
data={this.state.data}
keyExtractor={(item,index) => index.toString()}
renderItem={({item}) =>
<View style={{backgroundColor:'#e6e6e6',padding:10,margin:10}}>
<ListItem icon>
<Left>
<Button style={{ backgroundColor: "white" }}>
<Icon0 active name="doctor" />
</Button>
</Left>
<Body>
<Text>Nom du Docteur : Dr. {item.nom}</Text>
</Body>
</ListItem>
<ListItem icon>
<Left>
<Button style={{ backgroundColor: "white" }}>
<Icon1 active name="calendar" />
</Button>
</Left>
<Body>
<Text>Date du rendez-vous : {item.date}</Text>
</Body>
</ListItem>
<ListItem icon>
<Left>
<Button>
<Icon1 active name="calendar"/>
</Button>
</Left>
<Body>
<CountDown
until={item.date}
timetoShow={('H', 'M', 'S')}
onFinish={() => alert('finished')}
onPress={() => alert('hello')}
size={10}
/>
</Body>
</ListItem>
</View>
}
/>
</View>
</Content>
编辑:*进口
import CountDown from 'react-native-countdown-component';
import moment from 'moment';
答案
问题是在'react-native-countdown-component'中,until采用一个整数参数,即日期为Seconds,因此您必须将日期转换为秒。
以上是关于使用Json响应对象作为限制日期的React Native countDown Timer的主要内容,如果未能解决你的问题,请参考以下文章
我想使用免费的 YouTube 到 mp3 API,但我只有字符串作为响应。我如何在对象/json/数组中传输响应? PHP