React-native: Text field placeholder text becomes barely readable when in dark mode of iOS13

Created on 7 Nov 2019  路  3Comments  路  Source: facebook/react-native


Here is the text field placeholder while the phone is in light mode:
image

Here is the same text field placeholder while the phone is in dark mode:
image

React Native version:

System:
    OS: macOS 10.14.6
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 1.57 GB / 32.00 GB
    Shell: 5.3 - /bin/zsh
  Binaries:
    Node: 11.13.0 - ~/.nvm/versions/node/v11.13.0/bin/node
    Yarn: 1.19.1 - ~/.yarn/bin/yarn
    npm: 6.7.0 - ~/.nvm/versions/node/v11.13.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    Android SDK:
      API Levels: 28, 29
      Build Tools: 28.0.3, 29.0.2
      System Images: android-29 | Google Play Intel x86 Atom
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.5900203
    Xcode: 11.2/11B52 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.8.1 => 16.8.1
    react-native: 0.61.3 => 0.61.3
  npmGlobalPackages:
    create-react-native-app: 2.0.2
    react-native-cli: 2.0.1

Steps To Reproduce

  1. Switch phone from light to dark mode and watch the placeholder become lighter.

Describe what you expected to happen:
The placeholder text to still be legible

Bug iOS Stale

Most helpful comment

I thought that this was a RN 0.59.x error. I just found a workaround for that. Go to your info.plist and set:
UIUserInterfaceStyle to Light
this fixed it for me

All 3 comments

I thought that this was a RN 0.59.x error. I just found a workaround for that. Go to your info.plist and set:
UIUserInterfaceStyle to Light
this fixed it for me

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

Was this page helpful?
0 / 5 - 0 ratings