Text on Android has shadow by default

[lukasgeiter]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

[skip envinfo]

Description

On Android, all text has a faint shadow. This is barely noticeable in most cases but becomes visible with light colored text. As an extreme example, this is "Test" in white font on white background:

I would expect the text to be completely invisible but instead there is a faint shadow.

Reproducible Demo

No demo

Cause

This is a regression which has been introduced by b7ba225 and is present since version 0.57.2.
The problem is that the default value for textShadowRadius is 1. I'm not sure why that is, but I think it probably should be 0 which would solve this issue.

Workaround

The workaround is to manually set the radius to 0:

<Text style={{ textShadowRadius: 0 }}>
    Test
</Text>

[react-native-bot]

We are automatically closing this issue because it does not appear to follow any of the provided issue templates.

Please make use of the bug report template to let us know about a reproducible bug or regression in the core React Native library.

If you'd like to propose a change or discuss a feature request, there is a repository dedicated to Discussions and Proposals you may use for this purpose.

[lukasgeiter]

@react-native-bot Issue updated, please reopen.

[sterlingwes]

Seems related to #21507

[lukasgeiter]

@sterlingwes It definitely is. I've retested with v0.57.8 and it's fixed, so this issue can stay closed 🙂