Eu tenho em uma tela 4 inputs que enquanto são preenchidos, com o onChangeText os seus valores serão somados, para que esta soma possa ser subtraída com o valor total da compra e mostrar em um input, os valores restante de tudo em tempo real. Imagem do app
Meu principal problema nisto tudo é que o useState contém um delay e realmente só atualiza quando o usuário insire outro dado no input.
const [dinheiro, setDinheiro] = useState(0)
<TextInput style={styles.InputCompletar}
onChangeText={async(din)=>{
await setDinheiro(din);
getValorRestante(dinheiro)
}}
keyboardType='numeric'>
</TextInput>
Se der um console.log no resultado que a getValorRestante(dinheiro) ira receber, sempre será um valor desatualizado. Como pode ver no proprio exemplo, tentei também usar uma função assíncrona mas também não funcionou.
(Este exemplo de codigo esta sendo usando nos meus 4 inputs )
Gostaria de saber: como eu posso fazer para mandar os valores atualizados para a função poder calcular em tempo real o valor restante?