software-mansion/react-native-svg
Vedi su GitHubiOS: onPress is not working on the SVG Path
Open
#1256 aperta il 20 gen 2020
buggood first issuehelp wantedstale
Metriche repository
- Star
- (7107 star)
- Metriche merge PR
- (Merge medio 9g 18h) (1 PR mergiata in 30 g)
Descrizione
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>