React Native countDown Timer с использованием объекта ответа Json в качестве даты ограничения - PullRequest
Новая
       39

React Native countDown Timer с использованием объекта ответа Json в качестве даты ограничения

0 голосов
/ 02 марта 2019

Я пытаюсь использовать таймер обратного отсчета, используя ответ json в качестве предельной даты (замена before = {this.state.totalDuration} на before = {item.date}), но мне не удалось, у меня всегда есть 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';

1 Ответ

0 голосов
/ 12 апреля 2019

Проблема заключалась в том, что в 'response-native-countdown-component' then принимает целочисленный аргумент, который является датой Seconds, поэтому вам нужно преобразовать дату в секунды.

...