Repository navigation
Nativewind with react-native-skia causing non-whitespace character found error #243
Description
Describe the bug
We are using nativewind v5 preview 2 and @shopify/react-native-skia version 2.2.12. Before installing react native skia everything worked fine, however after installing we got this error: [Error: Exception in HostFunction: Non-whitespace character found after end of conversion: "%"]. This error only comes up when we have elements with className properties. But after removing nativewind and react-native-css the error disappears.
Reproduction
Repo Link
npx rn-new@latest --nativewindnpx rn-new@latest --nativewind --expo-routernpx rn-new@next --nativewindnpx rn-new@next --nativewind --expo-router
If you have a usage question, please use the Discord or GitHub Discussions instead.
Expected behavior
App should work as before, no non-whitespace error should come up.
Additional context
—
Activity
danstepanov commentedon Mar 30, 2026
I investigated your repro. The crash is caused by
ios:tracking-[-2%]compiling toletterSpacing: "-2%"(string). React Native's native layer can't parse the%suffix. This is the same root cause as #216 wherescale-95emits"95%"instead of0.95. Both stem fromparseLengthin the compiler emitting percentage strings for properties that require numeric values. The fix needs to go in react-native-css's compiler with context-aware percentage handling.Subsequently, I'm closing this as duplicate of #216.