Comment fermer la modale de réagir natif
Je suis novice à réagir natif de développement. Je veux fermer la modale de composants lors de la pression à l'extérieur de l'modal dans reactnative. Ci-dessous mon code.
state = {
visibleModal : false,
};
_hideModal(){
this.setState({
visibleModal: true,
})
}
render(){
return(
<View style={
[styles.container,
{backgroundColor: this.state.visibleModal ? 'rgba(47, 60, 73, 0.75)': 'white'}
]}>
<Text>Text Behind Modal</Text>
{ this._renderButton('BUTTON', () => this.setState({ visibleModal: true}) ) }
<TouchableWithoutFeedback onPress={() => {this._hideModal()}}>
<Modal animationType={"slide"}
transparent={true}
visible={this.state.visibleModal}>
<View style={styles.modalContent}>
<Row />
</View>
</Modal>
</TouchableWithoutFeedback>
</View>
);
}
}
Vous devez vous connecter pour publier un commentaire.
Juste ajouter cet accessoire en Modal
Il va fermer votre modal en appuyant sur la touche retour
MODIFIER
Code ci-dessus ne fonctionne que sur Android comme par le document.
Pour les deux,
Vous pouvez ajouter des bouton pour fermer la modale
Question :
Pour fermer la modale lorsque vous cliquez à l'extérieur de l'modal.
Solution:
Juste supprimer la fonction appel sur TouchableWithoutFeedback,il va fonctionner..