Javascript Girl
  1. Javascript Girl
  3. Comment rejeter le mode modal en tapant l'écran dans ReactNative
Intereting Posts
Lire: survoler pseudo-classe avec javascript Directive AngularJS Restriction A vs E Changez l'emplacement.hach, puis appuyez sur le bouton Retour – IE se comporte différemment des autres navigateurs Meilleur moyen de détecter la fermeture / navigation du navigateur vers une autre page et faire la connexion OfflineAudioContext Analyse FFT avec chrome Javascript – regex pour supprimer des caractères spéciaux, mais aussi garder les caractères grecs Quels sont les avantages de Promises sur CPS et le continuating Functor / Monad? Changez la couleur d'arrière-plan et la couleur du texte avec une minuterie avec Javascript La info-bulle Highchart montre le point le plus proche Backbone peut-il qu'un attribut contienne une collection? Javascript: document.execCommand cross-browser? Envoi de JSON (jQuery) vers PHP et le décodage Désactiver l'utilisation stricte dans Google Maps Drawing Library (pour la compatibilité avec asp.net __doPostBack) ChildNodes ne fonctionne pas dans IE9 comme dans IE7 et 8 JqGrid – éditez seulement certaines lignes pour une colonne modifiable

Comment rejeter le mode modal en tapant l'écran dans ReactNative

Comment rejeter la vue modale en appuyant sur l'écran dans React Naitve, le composant RN Modal semble ne pas fournir l'api

Vous pouvez utiliser un composant TouchableWithoutFeedback dans le composant modal avec une propriété OnPress qui rejette le mode. 

<Modal visible={booleanThatHandlesModalVisibility}> <TouchableWithoutFeedback onPress={() => funcToHideModal()}> <View> ... </View> </TouchableWithoutFeedback> </Modal>

Si vous voulez qu'une zone du mode qui ne masque pas le mode modal, appuyez sur, vous pouvez ajouter un autre TouchableWithoutFeedback sans une propriété onPress pour saisir l'événement avant le premier comme ceci: 

 <Modal visible={booleanThatHandlesModalVisibility}> <TouchableWithoutFeedback onPress={() => funcToHideModal()}> <View> <TouchableWithoutFeedback> <View>...</View> </TouchableWithoutFeedback> </View> </TouchableWithoutFeedback> </Modal>