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.

Android button text color irregular in Expo managed workflow app

See original GitHub issue

Bug report

Summary

I’m using the react native community Date Time Picker in my managed workflow Expo app(Expo SDK Version 43.0.3) I recently found out that on older Android phones, the text color of the module would render as white, thus not visible on white background.

This only happens when using display “spinner” and not the “calendar” (default) one. In spinner display, I have a green text color on recent Android and white on old ones. In calendar, I have a nice blue color.

I saw a lot of issues on their github to fix this, and all solutions include managing the style file in the android folder.

Another solution I tried was adding a “primaryColor” field in Expo config file, but this changed nothing.

Does someone know how to fix this issue, changing color or preventing it to render as white in a managed expo app?

Reproducible sample code

sample code for snack.expo

Steps to reproduce

Describe what you expected to happen:

Environment info

npx react-native info output:

System:
    OS: macOS 11.0.1
    CPU: (6) x64 Intel(R) Core(TM) i5-8500B CPU @ 3.00GHz
    Memory: 63.14 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.18.2 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.14.15 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: Not Found
  SDKs:
    iOS SDK:
      Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4
    Android SDK: Not Found
  IDEs:
    Android Studio: 4.1 AI-201.8743.12.41.6953283
    Xcode: 12.5/12E262 - /usr/bin/xcodebuild
  Languages:
    Java: 17.0.1 - /usr/local/opt/openjdk/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.64.3 => 0.64.3 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

datetimepicker version: 3.5.2 (5.0.1 have same problem)

Android version: API29、30 Expo SDK version: 43.0.3

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:18
  • Comments:31 (4 by maintainers)

github_iconTop GitHub Comments

15reactions
kehobertcommented, Jan 6, 2022

+1. This needs fix

15reactions
huskerheltercommented, Jan 6, 2022

Hi, I got the same problem too, the “ok” and “cancel” button turns white and no longer visible. Hope this can be fixed ASAP

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to change the global button text color of an app on ...
How to change the global button text color of an app on Android? · Go to /res/values/colors.xml · Add the color to the...
Read more >
Design In-App Messages with HTML
How to Design an In-App Messages with the OneSignal HTML Composer. ... can leverage media queries to alter the in-app's layout, text size,...
Read more >
Android : change button text and background color
Pressed : white text / blue background. EDIT : answer. I totaly forgot that the background and text color are managed separately, so...
Read more >
Master Android App Design in Photoshop using Google ...
Designing sleek Android Apps using Google Material Design system is no joke. You need to know all the sizes, spacing and metrics for...
Read more >
uld - River Thames Conditions - Environment Agency - GOV.UK
Retif 1000 bruxelles, Se natural resources management board, Asun unr funding, Shaolin kung fu ... Meditacion 5ta dimension, Calendar apps for android 2015, ......
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