Come respingere il vista modale toccando schermo nel Reagire Naitve, la componente RN modale sembra non forniscono l'APICome respingere modale toccando schermo nel ReactNative
5
A
risposta
21
È possibile utilizzare un componente TouchableWithoutFeedback all'interno del componente modale una proprietà onPress che chiude il modal.
<Modal visible={booleanThatHandlesModalVisibility}>
<TouchableWithoutFeedback onPress={() => funcToHideModal()}>
<View>
...
</View>
</TouchableWithoutFeedback>
</Modal>
Se si desidera una zona del modal che non nasconde il modal sulla stampa è possibile aggiungere un altro TouchableWithoutFeedback senza una proprietà onPress per catturare l'evento prima che il primo uno come questo:
<Modal visible={booleanThatHandlesModalVisibility}>
<TouchableWithoutFeedback onPress={() => funcToHideModal()}>
<View>
<TouchableWithoutFeedback>
<View>...</View>
</TouchableWithoutFeedback>
</View>
</TouchableWithoutFeedback>
</Modal>
Problemi correlati
- 1. respingere UIAlertController presentata da un controller di vista modale
- 2. dati Passo quando respingere modale viewController in rapida
- 3. ReactNative: come centrare il testo?
- 4. WebStorm + ReactNative?
- 5. Firebase client su ReactNative
- 6. Rich ReactNative TextInput
- 7. Come respingere AlertDialog in Android
- 8. Come ottenere la data corrente in ReactNative?
- 9. Modale angolare-ui: consente di passare i dati nel modale
- 10. respingere DialogFragment (non Dialog) onTouchOutside
- 11. IOS: respingere due viewController
- 12. Barra di stato tiene nascosto dopo respingere vista modale e appare dopo alcuni secondi
- 13. Previene UIAlertController per respingere
- 14. Capire come i dati-respingere attributo funziona in Bootstrap
- 15. Rimozione dei frammenti facendo clic/toccando all'esterno:
- 16. nascosta in modalità modale (su presentazione a schermo intero)
- 17. Android Listener respingere menu contestuale
- 18. Flex 4.6 nascondere/respingere SoftKeyboard
- 19. dismissViewControllerAnimated risultati in schermo vuoto
- 20. AngularJS - Trasferisci dati oggetto nel modale
- 21. ReactNative onResponderRelease non funziona su Android
- 22. è possibile non respingere un
- 23. MFMailComposeViewController a Swift non respingere
- 24. intercetta DialogFragment respingere all'interno attività
- 25. Bootstrap 3 Inserimento modale nel markup HTML
- 26. Ottieni il valore dall'input nel modale
- 27. Carica contenuto con l'Ajax nel modale bootstrap
- 28. ReactNative TextInput placeholderTextColor sembra non funzionare
- 29. Come allegare una funzione per Popover respingere evento (Twitter Bootstrap)
- 30. Window.open come popup modale?
Ho risolto il mio problema con questa idea, anche se vedo che '' 'TouchableOpacity''' non ha' '' onPressOut''', e ho dovuto usare '' 'TouchableOpacity''' con un'azione vuota invece di' ' 'TouchableWithoutFeedback''' – samthui7