Possuo um check box do qual por padrão vem assinalado como true
(marcado), mas, quero de forma dinâmica uma opção que salve quando o usuário mudar essa caixa pra false
(ou, desmarcar). Como ainda não terei interação com banco, procurei sobre e decidi fazer com AsyncStorage. Porém, não obtive êxito após ver alguns exemplos. Meu código inicia com:
state = {
bt_contact: true
}
storeCheckBoxStatus = async () => {
try {
await AsyncStorage.setItem('@storage_Key', this.state.bt_contact)
console.info(AsyncStorage)
} catch (e) {
console.info(e);
}
}
getCheckBoxStatus = async () => {
try {
const value = await AsyncStorage.getItem('@storage_Key')
console.info(AsyncStorage)
console.info(value)
if (!value != null) {
this.setState.bt_contact({bt_contact: (value).bt_contact})
}
} catch (e) {
console.info(e);
}
}
checkBoxTest() {
this.setState({
bt_contact: !this.state.bt_contact
})
if (!this.state.bt_contact != true) {
Alert.alert(
I18n.t('Confirm_cancel_data_sharing'),
I18n.t('Message_alert_data_sharing'),
[
{
text: I18n.t('Cancel'),
onPress: () => this.setState({
bt_contact: true
})
},
{
text: 'OK',
onPress: () => this.storeCheckBoxStatus
},
],
{ cancelable: false }
)
}
}
A primeira função deveria ler o registro do usuário quando desmarca a caixa ou não. A segunda é pra renderizar com o valor alterado pela última vez ou vir como marcado, por padrão. E essa última é apenas interação com Alert
. Que quando ele cancelar, ele remarca e quando da ok, dará sequência para poder salvar em storage.
Preciso que fique salvo no AsyncStorage e que eu possa acessar, pra caso futuramente precise enviar ao banco, consiga consultar. Mas de ínicio, gostaria apenas que assim que fechassse o celular, pudesse deixar a ultima opção salva. Caso desmarque, reabra desmarcado. Alguém pode ajudar?
Trecho que renderizo o checkbox:
<Text style={[styles.bottomContainerText, { color: themes[theme].auxiliaryText }]}>
<CheckBox style={{
height: 10,
widht: 10,
}}
value={this.state.bt_contact}
onValueChange={() => this.checkBoxTest()}
/>
{I18n.t('Data_sharing')}
</Text>