javascript - 可以在 React Native 中检测到 View 组件的触摸吗？

Question

我的 React native 应用程序屏幕包含带有少量文本输入的 View 组件。如何在该 View 外的屏幕上检测到触摸？请帮忙。

谢谢

Answer 1

作为安德鲁 said : 您可以使用 TouchableWithoutFeedback 包装您的 View ，并添加一个可以检测何时点击 View 的 onPress。

另一种实现方式是响应来自 view 的触摸事件.

 /* Methods that handled the events */
handlePressIn(event) {
  // Do stuff when the view is touched
}

handlePressOut(event) {
    // Do stuff when the the touch event is finished
}

...

    <View
      onStartShouldSetResponder={(evt) => true}
      onMoveShouldSetResponder={(evt) => true}
      onResponderGrant={this.handlePressIn}
      onResponderMove={this.handlePressIn}
      onResponderRelease={this.handlePressOut}
    >
         ...
    </View>

Grant 和 move 的区别在于，Grant 只是用户按下，而 Move 是用户按下并移动按下的位置