React Native: View onPress no funciona

Me enfrento a un problema extraño. En mi aplicación reaccionar nativa, si configuro el onPressevento View, no se activa, pero si configuro lo mismo en el Textinterior View, se activa . ¿Que me estoy perdiendo aqui?

<View style={{backgroundColor: "red", padding: 20}}>
  <Text onPress={()=> {
    console.log('works');
    }
  }>X</Text>
</View>


<View style={{backgroundColor: "red", padding: 20}} onPress={()=> {
    console.log('does not work');
    }
  }>
  <Text>X</Text>
</View>

¿Por qué esto es tan? ¿Es esto un problema con React Native? Estoy usando la versión 0.43

Puede utilizar TouchableOpacitypara onPresseventos. Viewno proporciona onPressapoyo.

<TouchableOpacity style={{backgroundColor: "red", padding: 20}} onPress={()=> {
    console.log('does not work');
    }
  }>
  <Text>X</Text>
</TouchableOpacity>

Puede envolver la vista con un TouchableWithoutFeedbacky luego usar onPressy amigos como de costumbre. Además, aún puede bloquear pointerEventsconfigurando el atributo en la vista secundaria, incluso bloquea los eventos de puntero en la vista principal TouchableWithoutFeedback, es interesante, esta era mi necesidad en Android, no probé en iOS:

https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html

<TouchableWithoutFeedback onPressIn={this.closeDrawer}>
    <Animated.View style={[styles.drawerBackground, styleBackground]} pointerEvents={isOpen ? undefined : 'none'} />
</TouchableWithoutFeedback>

Puede utilizar TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, para lograr esto. El componente Ver no proporciona onPress como accesorios. Entonces usa estos en lugar de eso.

<TouchableNativeFeedback
        onPress={this._onPressButton}
</TouchableNativeFeedback>

OR

<TouchableHighlight onPress={this._onPressButton}>
</TouchableHighlight>

OR

<TouchableOpacity onPress={this._onPressButton}>
</TouchableOpacity>

Alternativamente, también puede proporcionar onStartShouldSetResponder a su vista, así:

<View onStartShouldSetResponder={() => console.log("View click")}>
  // some code here
</View>