将触摸事件分配给按钮React Native Skia

Question

想要将触摸事件分配给单个按钮(React native skia(当前代码为

<>
<Canvas style={{ flex: 1 }}>
<Fill color="#f2f2f2" />
<OutborderButton x={45} y={150} svg={svg1} ix={33} iy={138} shade={shade} ></OutborderButton>
<OutborderButton x={120} y={150} svg={svg2} ix={108} iy={138} shade={shade}></OutborderButton>
<OutborderButton x={203} y={150} svg={svg3} ix={197} iy={140} shade={shade}></OutborderButton>
<OutborderButton x={280} y={150} svg={svg4} ix={268} iy={138} shade={shade}></OutborderButton>
</Canvas>
</>

输出按钮看起来像

在此处输入图像描述

Answer 1

您可以将Pressable或TouchableOpacity覆盖在画布上并从那里控制它。或者，您也可以将画布拆分，并用可按压物包裹元素。

在这里对此进行了讨论