javascript - 在 React Native 应用程序中监听任意位置的点击

Question

在网络上，如果层次结构中较低的组件需要监听页面上任何位置的点击，它可以简单地在 componentWillMount() 中添加一个事件监听器:

document.addEventListener('click', () => { ... })

React Native中有相应的解决方案吗？我知道我可以使用顶级 View 来监听所有新闻事件，但我正在寻找一种解决方案，以避免必须通过顶级 View 。就像层次结构中任何位置的组件都可以在 Web 代码中的 document 上添加事件监听器一样，我希望对 React Native 组件执行相同的操作。

Answer 1

许多可见的 UI 组件都有一个接受回调函数的 onPress 属性。只需传入您想要触发的回调即可:

...
<TouchableOpacity onPress={() => console.log("You pressed me!")}>
    <Text>Button</Text>
</TouchableOpacity>

某些组件针对特定类型的触摸有不同的变化，例如 onLongPress 和 onSlidingComplete 等。阅读Components and APIs .