Откуда вы знаете, когда был прослушен View, но его ребенок не был?

Question

Например, если вы хотите, чтобы закрыть модальное когда серый фон (в любом месте за пределами средней белой коробке) сливают:

containerOnClick(e) { 
    if (isNotInsideChildView(e)) { 
     closeModal() 
    } 
    } 

<TouchableWithoutFeedback 
    onPress={this.containerOnClick} 
    > 
    <View 
    style={{ 
     backgroundColor: 'rgba(0, 0, 0, 0.5)', 
     flex: 1, 
     justifyContent: 'center', 
    }} 
    > 
    <View 
     style={{ 
     backgroundColor: 'white', 
     padding: 10, 
     }} 
     > 
     <Text>dkfj</Text> 
    </View> 
    </View> 
</TouchableWithoutFeedback> 

Answer 1

Заверните ребенка в <Touchable*> компонента. Descendent Touchables (даже без опоры onPress) блокирует onPress от происходящего с предком. Прикосновения внутри границ потомка.