software-mansion/react-native-svg
Ver no GitHubiOS: onPress is not working on the SVG Path
Open
#1.256 aberto em 20 de jan. de 2020
buggood first issuehelp wantedstale
Métricas do repositório
- Stars
- (7.107 stars)
- Métricas de merge de PR
- (Mesclagem média 9d 18h) (1 fundiu PR em 30d)
Description
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>