Repository navigation
Text on Android has shadow by default #22367
Description
- 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>
Activity
react-native-bot commentedon Nov 21, 2018
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 commentedon Nov 21, 2018
@react-native-bot Issue updated, please reopen.
sterlingwes commentedon Nov 26, 2018
Seems related to #21507
lukasgeiter commentedon Dec 14, 2018
@sterlingwes It definitely is. I've retested with v0.57.8 and it's fixed, so this issue can stay closed 🙂