Jak odwołać modal przez ekran stukając w ReactNative

Question

Jak odwołać modalne widok przez okno stukając w React Naitve składnik RN modalne wydaje nie zapewniają API

Answer 1

można użyć komponentu TouchableWithoutFeedback w modalnej komponentu z właściwość onPress, która odrzuca modal.

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

Jeśli chcesz obszar modalnym, który nie ukrywa modalne na prasie można dodać kolejną TouchableWithoutFeedback bez własności onPress do połowu zdarzenie przed pierwszym jak ten:

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