TouchableOpacity仅以轻触来响应

问题描述

我目前正在尝试使用React native创建一个应用，并且在不同页面上有多个可触摸的不透明图像按钮。但是，每当我单击任何可触摸的不透明图像按钮时，它都只能轻按/轻触，而不是在应用程序上正常按。我尝试过击打倾斜，但仍然无法避免轻击的问题。几天来我一直被困在上面，有人可以指导我如何进行这项工作吗。

<TouchableOpacity
      onPress={() =>
        this.props.navigation.navigate("Track",{
          currentDate: this.state.currentDate,})
      }
    >
      <Image
        style={HomeStyles.ovalContainer}
        source={require("../../assets/oval.png")}
      />
    </TouchableOpacity>

谢谢

解决方法

您可以设置触摸不透明

setOpacityTo((value: number),(duration: number));

或者您也可以尝试使用Pressable组件，例如

<Pressable onPress={onPressFunction}>
  <Text>I'm pressable!</Text>
</Pressable>

,

您也可以使用TouchableWihoutFeedback

<TouchableWithoutFeedback onPress={() => alert('Pressed!')}>
  <MyComponent />
</TouchableWithoutFeedback>;