TouchableOpacity 仅以轻触响应答案

【问题标题】：TouchableOpacity only responds with a light touchTouchableOpacity 仅以轻触响应
【发布时间】：2020-12-09 18:37:41
【问题描述】：

我目前正在尝试使用 React native 创建一个应用程序，并且我在不同的页面上有多个可触摸的不透明图像按钮。但是，每当我单击任何可触摸的不透明图像按钮时，它只能通过轻按/触摸而不是正常按下应用程序来工作。我试着做hit slop，它仍然不能避免轻拍的问题。有人可以指导我如何完成这项工作，因为我已经坚持了好几天了。

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

谢谢

【问题讨论】：

标签： ios react-native visual-studio-code expo touchableopacity

【解决方案1】：

你也可以使用TouchableWihoutFeedback

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

【讨论】：

【解决方案2】：

您可以设置触摸不透明度

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

或者你也可以试试 Pressable 组件，例如

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

【讨论】：