[0.57.4-0.57.8/0.58.6] using textTransform causes text to disappear on Android, but works on iOS
See original GitHub issue- 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
React Native Environment Info:
System:
OS: macOS High Sierra 10.13.6
CPU: x64 Intel(R) Core(TM) i7-7567U CPU @ 3.50GHz
Memory: 1.51 GB / 16.00 GB
Shell: 2.7.1 - /usr/local/bin/fish
Binaries:
Node: 8.11.4 - /usr/local/bin/node
Yarn: 1.9.4 - /usr/local/bin/yarn
npm: 6.4.0 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0
Android SDK:
Build Tools: 23.0.1, 23.0.3, 25.0.1, 25.0.2, 25.0.3, 26.0.0, 26.0.1, 26.0.2, 26.0.3, 27.0.3, 28.0.0
API Levels: 17, 18, 19, 21, 22, 23, 25, 26, 27
IDEs:
Android Studio: 3.1 AI-173.4670197
Xcode: 10.0/10A255 - /usr/bin/xcodebuild
npmPackages:
react: 16.6.0-alpha.8af6728 => 16.6.0-alpha.8af6728
react-native: 0.57.4 => 0.57.4
Description
React Native 0.57.4 brings support for using textTransform
style property on Android. When setting textTransform
value to uppercase
, lowercase
or capitalize
the text is not shown at all on Android, but is shown correctly on iOS.
If the textTransform
property is removed, then the text renders normally.
This can be easily reproduced by creating a new React Native project and setting the textTransform
property to one of the texts inside App.js
.
Screenshots:
iOS simulator (iPhone 8 / iOS 12):
Android emulator (Nexus 5X / Android 5.0):
Android emulator (Nexus 5X / Android 8.0):
Reproducible Demo
Have a look at the demo that is a new 0.57.4 project with textTransform
added to the welcome text.
https://github.com/kristerkari/react-native-text-transform-issue/blob/master/App.js#L43
Issue Analytics
- State:
- Created 5 years ago
- Reactions:45
- Comments:39 (3 by maintainers)
Top GitHub Comments
I noticed something weird: If the text has some (any) emoji, the text appears.
Still reproducible with v0.58.1