reactjs - 如何在 React Native 中的嵌套 Touchable 中传播触摸事件？

Question

在我的应用程序中，我有一个嵌套的 Touchable 元素。每次我按下其中一个，我只得到一个事件。我可以将内部向下传播到层吗？提前致谢!

代码如下:

    <TouchableHighlight style={{ flex: 1 }} onPress={() => { console.log('outer press') }}>
        <TouchableHighlight style={{ flex: 0.8, backgroundColor: 'blue' }} onPress={() => { console.log('inner press') }}>
            <Text>1</Text>
        </TouchableHighlight>
    </TouchableHighlight>

Answer 1

Touchables 包含一个本地状态，这是它 native 的，而其他 Touchables 则不知道它。

因此，当您触摸嵌套的 Touchable 时，事件会传播到访问该状态的子元素，并且除非完成，否则不会释放资源

这将是您的情况下嵌套按钮的生​​命周期，如 docs 中所述。

Parent: Parent Touchable
Child: Child Touchable

Parent onStartShouldSetResponder > Parent onResponderGrant > Parent onResponderTerminationRequest > Parent onResponderTerminate > Child onStartShouldSetResponder > Child onResponderGrant > Child onResponderRelease

由于 onResponderReject，父级将无法访问

If a parent View wants to prevent the child from becoming responder on a touch start, it should have a onStartShouldSetResponderCapture handler which returns true.

你可以看看这个video