Wie modal entlassen durch Bildschirm in ReactNative

Question

tippen Wie die modale Ansicht in Naitve Reagieren durch Antippen Bildschirm schließen, scheint die RN Modal-Komponente die api nicht bieten

Answer 1

Sie eine TouchableWithoutFeedback Komponente innerhalb des modalen Komponente verwenden können, mit Eine OnPress-Eigenschaft, die das Modal-Objekt ablehnt.

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

Wenn Sie einen Bereich des modalen möchten, die nicht die modale auf Presse nicht verstecken Sie einen anderen TouchableWithoutFeedback ohne onPress Eigenschaft hinzufügen können das Ereignis vor dem ersten so zu fangen:

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