React Native - 捕捉所有的触摸事件，但触摸的不冒泡

Question

我做了一个工具提示，我希望它在工具提示之外的触摸事件上关闭。但是我不想做出不透明的观点，因为我仍然希望触摸能够处理任何被按下的内容。

我想包装我的应用程序在TouchableWithoutFeedback：

<TouchableWithoutFeedback onPress={(e) => this.onAppTouch(e)}> 

这个工作，如果按下元素不是Touchable，但在其他事件似乎得到吞咽并不能上升到顶层onPress。

有没有办法让这个工作或其他替代方案？谢谢。

编辑：这似乎是Touchables的限制（他们吞了手势） - https://github.com/facebook/react-native/issues/6796

Answer 1

如果用TouchableHighlight你会保留，因为渲染的可触摸提示特性的可触摸的背景组件后使你的工具提示组件你组件的顺序。

所以你将有：

| Tooltip1 | | Tooltip2 | |背景可触摸|

如果要隐藏或显示它取决于你的状态：

var touchOn = (<TouchableHighlight>Background Component</TouchableHighlight>) 
var touchOff = <Your other component/> 

而且控制状态，并呈现一个或另一个写的条件：

{this.state.openTooltip ? touchOn : touchOff}