Wrong path for Circle on Android

[Sjoertjuh]

Description

The path of a Circle component seems to be wrong on Android. This can be visualized by using a TextPath. As you can see below, the text on Android gets bunched up in some places where it shouldn't. Also when the text is anchored to the end, it totally disappears.

iOS (left) vs android (right)

Links

Snack: https://snack.expo.dev/@sjoertjuhowow/react-native-svg-circle-path-bug?platform=android
Repo: https://github.com/Sjoertjuh/react-native-svg-circle-path-bug

Steps to reproduce

1. Create an Svg
2. Add a Circle (with an id, size, and radius)
3. Add a Text with child TextPath that has an href of the circle's id and a textOffset of 100%
4. See the text bunching up instead of being hidden

Snack or a link to a repository

https://github.com/Sjoertjuh/react-native-svg-circle-path-bug

SVG version

15.8.0

React Native version

0.76.6

Platforms

Android, iOS

JavaScript runtime

Hermes

Workflow

Expo Go

Architecture

None

Build type

None

Device

Real device

Device model

No response

Acknowledgements

Yes