【问题标题】: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>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2018-02-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-12-10
        相关资源
        最近更新 更多