TouchableOpacity在Animated.View内部不起作用

时间:2019-05-14 13:50:26

标签: react-native touchableopacity

我正在尝试将一个球从一个位置(x1,y1)转换到另一个位置(x2,y2)。 该翻译应在单击球后进行。

我正在使用Animated.View,它从状态变量获取球的当前位置。在此Animated.View内,我使用“可触摸不透明度”包装了孩子。我还在互联网上四处张望,据我了解,这个问题与球的绝对位置有关(球的初始和最终位置是作为父母的道具传递的)

<Animated.View style={this.state.position.getLayout()}>
    <TouchableOpacity onPress={()=>console.log('clicked')}>
        <View>
            {this.props.children}
        </View>
    </TouchableOpacity>
</Animated.View>

我无法理解为什么onPress没有被触发,并且还想知道解决该问题的方法。谢谢

1 个答案:

答案 0 :(得分:2)

使用“ react-native-gesture-handler”(而不是“ react-native”)中的TouchableOpacity。

从“ react-native-gesture-handler”导入{TouchableOpacity};

关注此帖子无法使用React native在animation.view中单击TouchableOpacity