android - TouchableOpacity onPress 不适用于 Android

Question

我有 3 个简单的 react 组件-

首先是实际 View (让我们将此屏幕命名为 A)-

return(
    <ImageBackground
    ...
    >
       <ScrollView>


          <ChildButton
            onPress={this.someFunction.bind(this)}
           />

       </ScrollView>
    </ImageBackground>
)

然后是ChildButton组件---

    return(
    <ChildButton>
       <Button
         style={...someStyleObject}
         onPress={this.props.onPress}
        >

       </Button>

    </ChildButton>
)

然后是Button组件---

return (
<TouchableOpacity
  onPress={this.props.onPress}
 >
    {this.props.children}
</TouchableOpacity>

)

这里的主要问题是我的 onPress 不是从屏幕 A 调用的，仅在 Android 上。它在 iOS 上运行良好。这里可能的原因是什么？

注意:我已将控制台放在 ChildButton 和 Button 组件中，但它们没有被打印出来。

Answer 1

当我不小心从“react-native-gesture-handler”而不是“react-native”导入TouchableOpacity 时遇到了这个问题。如果您是这种情况，请更改 TouchableOpacity 从“react-native”导入并删除从“react-native-gesture-handler”导入，它应该可以工作!