onPress не работает с SVG Path на iOS с использованиемact-native-svg

Question

Когда я нажимаю в любом месте на ar c, показанном ниже, на Android, onPress всегда вызывается правильно, но на iOS иногда вызывается onPress, но иногда нет. Некоторая часть ar c недоступна для нажатия на iOS.

. Также нет элемента позиционирования (абсолютного / относительного позиционирования), перекрывающего ar c.

Это мой код.

<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>

Я также зарегистрировал проблему в пакете response-native-svg: https://github.com/react-native-community/react-native-svg/issues/1256

Answer 1

В реакции-native-svg вы можете использовать компонент Symbol, он сгруппирует все элементы в один элемент, а затем добавит onPress () к этому символу. Это относится ко всему абсолютному / относительному содержанию.

<Svg height="150" width="110">
  <Symbol id="symbol" viewBox="0 0 150 110" width="100" height="50">
    //------------------------------
    // Your content for that arc
    //------------------------------
  </Symbol>
</Svg>