question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[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

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):

ios

Android emulator (Nexus 5X / Android 5.0):

android5

Android emulator (Nexus 5X / Android 8.0):

android8

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:closed
  • Created 5 years ago
  • Reactions:45
  • Comments:39 (3 by maintainers)

github_iconTop GitHub Comments

21reactions
estevaolucascommented, Nov 26, 2018

I noticed something weird: If the text has some (any) emoji, the text appears.

16reactions
kristerkaricommented, Jan 25, 2019

Still reproducible with v0.58.1

Read more comments on GitHub >

github_iconTop Results From Across the Web

Apple can fix the messaging between Androids & iPhones
Messaging between Android and iPhone is broken. See how Apple can fix this text messaging problem by adopting modern texting standards like RCS....
Read more >
Text Messages Disappeared from Android? Here're Solutions
here are the things you should try if your text messages disappeared from your Android phone when you open the Messages app.
Read more >
Having Texting Issues After Switching from Android to iPhone ...
I recently switched back to Android from my iPhone 12 mini, and for good reason: I was having trouble sending and receiving text...
Read more >
iPhone text messages disappeared - Apple Community
To check if your messages are automatically deleted, go to Settings > Scroll down to Messages > Scroll down to Message History. If...
Read more >
iPhone Not Receiving Texts From Android? Here's How to Fix It
1. Make Sure MMS and Group Messaging Are Enabled. While all iPhones can receive text messages by default, some might have MMS and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found