Tenho um código com 3 CheckBox e quando pressionado ele não desmarca... Outra observação, como eu faria para que quando o "UE/HQB" seja selecionado e os outros fiquem disabled={true}
ou selecionando primeiro qualquer das outras essa "UE/HQB" se torne disabled={true}
Estou usando: https://github.com/react-native-community/react-native-checkbox
// Estrutura de CheckBox (isso dentro do state)
checkboxes: [{
id: 1,
title: 'UE/HQB',
checked: false,
}, {
id: 2,
title: 'Exportável',
checked: false,
}, {
id: 3,
title: 'Não exportável',
checked: false,
}],
// Função que lida com o estado dos CheckBox
toggleCheckbox(id) {
const changedCheckbox = this.state.checkboxes.find(cb => cb.id === id);
changedCheckbox.checked = !changedCheckbox.checked;
const checkboxes = Object.assign(
{},
this.state.checkboxes,
changedCheckbox
);
this.setState({ checkboxes });
}
Agora o return:
// Dentro do return
<CheckBox
key={cb.id}
title={cb.title}
checked={cb.checked}
onPress={() =>
this.toggleCheckbox(
cb.id
)
}
/>