React -Konva文本 - OnClick在移动设备上不起作用

Question

我正在使用我的WebApp中的React-Konva，在桌面浏览器上它可以很好地工作，但是在移动浏览器上onClick不起作用。

<Text
    key={index}
    index={index}
    x={position[0]}
    y={position[1]}
    fontSize={unit}
    width={unit}
    text={mark}
    fill={fill}
    fontFamily={'Helvetica'}
    align={'center'}
    onClick={ (event) => {
      alert("Some text...")
    }}
/>

有没有一种方法可以使此操作在移动设备上工作，或者我需要找到react-konva文本的替代品？

Answer 1

您必须使用特殊的移动事件： onTap。

https://konvajs.github.io/docs/events/mobile_events.html

因此，在您的情况下，只需一起使用onClick和onTap。

<Text
   {...attrs}
   onClick={this.handleClick}
   onTap={this.handleClick}
/>