本机反应：在Press上查看不起作用

Question

我遇到了一个奇怪的问题。在我的反应原生应用程序中，如果我将onPress事件设置为View，它不会被触发，但如果我将相同的设置为View中的Text，它会被触发。我在这里错过了什么？

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

为什么会这样？这是React Native的问题吗？我使用的是0.43版。

Answer 1

或者，您也可以在Start上提供应设置应答器以您的视图，如下所示：

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

Answer 2

您可以使用可触摸与不支持的反馈来包装视图，然后像往常一样使用 onPress 和朋友。此外，您仍然可以通过在子视图上设置属性来阻止指针事件，它甚至可以阻止父视图上的指针事件，没有反馈，有趣的是，这是我在Android上的需求，我没有在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>

Answer 3

您可以对< code>onPress事件使用< code>TouchableOpacity。< code >视图不提供< code>onPress属性。

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