0

Cada vez que eu clicar em um botão, quero adicionar +1 min ao timer.

<Button
    onPress={this.somarUmMinuto}
    title="Somar 1 minuto"
    color="#007FFF"
    accessibilityLabel="Somar 1 minuto"
/>

Código utilizado para definir a contagem regressiva:

iniciarCronometro() {
    var intervalId = setInterval(this.somarUmSegundo, 1000);
    this.setState({
      intervalId: intervalId,
    });
}   

somarUmSegundo() {
    let segundos = this.state.contadorSegundo;
    let minutos = this.state.contadorMinuto;

    minutos == 1 || segundos > 0;
    if (segundos == 0) {
      segundos = 59;
      minutos = minutos - 1;
    } else {
      segundos = segundos - 1;
    }

    this.setState({
      contadorSegundo: segundos,
      contadorMinuto: minutos,
    });
}

Preciso incrementar o evento para adicionar +1 min ao timer, seja com ele já finalizado ou ainda em andamento na contagem.

Cronometro regressivo tem duração de 1 minuto.

8
  • Veja se esse código ajuda: jsfiddle.net/alnitak/aBWce Commented 17/10/2018 às 16:46
  • Você já separou os minutos e segundos (contadorMinuto e contadorSegundo), não entendi qual é realmente o problema. Não é só ir no contadorMinuto e incrementar?
    – JrD
    Commented 17/10/2018 às 18:33
  • @JrD tentei fazer o incremento direto no contador minuto, mas da erro. Utilizei ´code´ let somar = (this.contadorMinuto +1); Commented 17/10/2018 às 18:43
  • @PhilipeSaid O seu contadorMinutos está no estado da aplicação, então pra acessá-lo vc precisa usar o this.state. No lugar desse código que vc apresentou tente let somar = this.state.contadorMinuto + 1
    – JrD
    Commented 17/10/2018 às 18:58
  • @JrD Continua dando o erro ( undefined is not an object ( evaluating'this.state.contadorMinuto') ). Commented 17/10/2018 às 19:21

1 Resposta 1

1

Primeiramente é preciso fazer um bind no onPress do botão para que seja possível acessar o estado da aplicação, seria dessa forma:

onPress={this.somarUmMinuto.bind(this)}

Depois é preciso criar a função para esse incremento:

somarUmMinuto(){
    this.setState({
        contadorMinuto: this.state.contadorMinuto + 1,
    });
}
1
  • Minha função estava completamente errada. Obrigado Commented 17/10/2018 às 20:12

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .