-2

Tenho uns campos de input, ambos estão setados os estados. Gostaria de fazer com que só permita o clique no botão se esses campos estiverem preenchidos. obs:.Estou Usando Hooks

const [ name, setName ] = useState('');
const [ user, setUser ] = useState('');
const [ datanascimento, setDataNascimento ] = useState('');
const [ tel, setTel ] = useState('');
const [ email, setEmail] = useState('');



 <TouchableOpacity
      onPress={() => navigation.navigate('DeliverymanPhotos')}
      style={styles.btnPrimary}>
      <Text style={styles.btnPrimaryText}>
        Confirmar
      </Text>
    </TouchableOpacity>
1
  • Não é só você criar uma função que verifique isso e colocar ela no onClick do TouchableOpacity? Commented 27/08/2020 às 23:13

2 Respostas 2

0

A forma mais simples de fazer isso é verificando se os campos estão preenchidos, ex: Se o campo nome e email for igual a "" altera o valor do parâmetro disabled para true caso contrario para false

1
  • Seria legal ter um código de exemplo Commented 3/09/2020 às 8:49
0

Você pode fazer uma verificação antes de navegar, se todos os estados forem diferentes de uma string vazia, dai poderá navegar.

const [ name, setName ] = useState('');
const [ user, setUser ] = useState('');
const [ datanascimento, setDataNascimento ] = useState('');
const [ tel, setTel ] = useState('');
const [ email, setEmail] = useState('');

  function checkToNavigate() {
    if((name, user, dataNascimento, tel, email) !== '')
      return navigation.navigate('DeliverymanPhotos');
  }


  <TouchableOpacity
    onPress={() => checkToNavigate()}
    style={styles.btnPrimary}>

    <Text style={styles.btnPrimaryText}>
      Confirmar
    </Text>
  </TouchableOpacity>

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 .