React Native TouchableOpacity 不適用於兒童

Question

我有一個TouchableOpacity ，當我單擊其中的子組件時，它不會執行onPress事件。 onpress 事件是一個簡單的 console.log();

<TouchableOpacity style={{flex: 1}} onPress={this.onPress.bind(this)}>
    {this.state.customComponent}
</TouchableOpacity>

如果我單擊TouchableOpacity內的空白區域，它將執行onPress 。 如果我直接單擊子組件，它將不會執行。

編輯：我發現了這個問題，這是因為TouchableOpacity有它的子組件渲染一個TouchableHighlight不幸的是你不能有一個TouchableHighlight作為孩子

Answer 1

我知道這晚了幾年，但我希望它可以幫助某人。 我有一個類似的問題，發現其中一個父視圖（不是直接父視圖）實際上覆蓋了可觸摸不透明度的很大一部分，我通過增加上述父視圖的高度解決了我的問題。 很難找到，因為它的溢出沒有隱藏。 將父元素溢出更改為隱藏可能有助於找出實際阻止可觸摸不透明度的原因。

Answer 2

我今天遇到了這個問題。 解決方案很簡單：我從"react-native-gesture-handler"導入了TouchableOpacity ，它應該從"react-native"導入。