Black text overlapping issue in Expo React Native on Android (works fine on iOS) @rivascva/react-native-code-editor

3 days ago 8
ARTICLE AD BOX

I'm building an Expo app that includes a simple “fake code editor” with syntax highlighting. On iOS everything renders perfectly, but on Android I'm facing a major issue: black text appears on top of my styled text, causing severe overlapping and making the editor unreadable.

It looks like the Android text renderer is drawing the default text color over my syntax-highlighted text. This does not happen on iOS.

Has anyone run into this issue before?

Is this a known Expo/React Native Android text rendering issue?

Are there specific props, styles, or workarounds to prevent Android from overlaying default text?

Or should I consider a different approach/library for a lightweight syntax-highlighted “fake editor”?

Any suggestions or solutions would be greatly appreciated.

Read Entire Article