Text prop letterspacing not working

[thomascoumau]

Description

I tried using the letterSpacing prop from Text component and observed the following:

• When I give a number to it, it doesn't apply the correct spacing (on iOS only, works on web not tested on android)
• When I give a string to it, it does apply to the correct spacing

Here is the example I used:

with letterSpacing={-9}	with letterSpacing={'-9'}

Steps to reproduce

Create an Svg with a Text inside it and pass it the letterSpacing prop with a number

Snack or a link to a repository

https://github.com/thomascoumau/rnsvg-text-letterspacing

SVG version

15.3.0

React Native version

0.73

Platforms

iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

iPhone 16 Pro on iOS 18.1 Simulator

Acknowledgements

Yes

[jakex7]

Version 15.3.0 is no longer supported. Please update to the latest (v15.14.0) and let us know if the issue persists.

[thomascoumau]

I have bump the version of my example to 15.14.0 and the bug is still there

[kacperzolkiewski]

Hey @thomascoumau,
Thanks for reporting!

I've created PR #2807, which should resolve your issue. Could you test it and let me know if it works for you?

[thomascoumau]

I have some trouble trying to test your PR, I have forked and cloned your branch in my node_module, ran yarn then yarn bob after that I lunched a yarn prebuild and yarn ios but got errors at runtime. I couldn't find a documentation on how to test any tips ?

[jakex7]

@thomascoumau considering that it's only two lines of code, you can simply install react-native-svg normally and edit these two files directly in node_modules

[thomascoumau]

Ok I have tested it and it works perfectly thank you for your reactivity