iOS: onPress is not working on the SVG Path

Bug

I’ve created the following sample.

This is an arc which is rendered as per my expectations. When I press anywhere on the arc, on Android, onPress is always called properly but on iOS, sometimes onPress is called but sometimes it doesn’t. Some part of the arc is not clickable on iOS.

Also, there isn’t any positioning element(absolute/relative positioned) overlapping the arc.

Environment info

react-native: 0.61.5 react-native-svg: 9.13.3

Reproducible sample code

I’m using Path to show an elliptical arc as follows.

<Svg
   height={deviceHeight - 200}
   width={deviceWidth}
>
    <Path
       ref={ref => this.pathRef = ref}
       fill="none"
       stroke='rgba(214,51,51,.2)'
       strokeWidth={35}
       onPress={() => console.log('path on pressed called!')}
       d="M 392.72727272727275 124.90909090909088 A 360 450 0 0 0 42.72727272727275 574.9090909090909"
    />
</Svg>

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You may also mark this issue as a “discussion” and I will leave this open.

[aprilmintacpineda]

Still not working as of today…