React Native: Xem onPress không hoạt động

Tôi đang đối mặt với một vấn đề kỳ lạ. Trong ứng dụng gốc phản ứng của tôi, nếu tôi đặt onPresssự kiện cho Viewnó sẽ không được kích hoạt nhưng nếu tôi đặt sự kiện tương tự cho Textbên trong View, nó sẽ kích hoạt. Tôi còn thiếu gì ở đây?

<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>

Tại sao cái này rất? Đây có phải là vấn đề với React Native không? Tôi đang sử dụng phiên bản 0.43

Bạn có thể sử dụng TouchableOpacitycho onPresssự kiện. Viewkhông cung cấp chỗ dựa onPress.

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

Bạn có thể bao quát chế độ xem bằng a TouchableWithoutFeedbackvà sau đó sử dụng onPressvà bạn bè như bình thường. Ngoài ra, bạn vẫn có thể chặn pointerEventsbằng cách đặt thuộc tính trên chế độ xem con, nó thậm chí còn chặn các sự kiện con trỏ trên cấp độ chính TouchableWithoutFeedback, điều thú vị là, đây là nhu cầu của tôi trên Android, tôi đã không thử nghiệm trên 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>

Bạn có thể sử dụng TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, để đạt được điều này. Thành phần xem không cung cấp onPress làm đạo cụ. Vì vậy, bạn sử dụng những thay vì đó.

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

OR

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

OR

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

Ngoài ra, bạn cũng có thể cung cấp onStartShouldSetResponder cho chế độ xem của mình, như sau:

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