Open Luckygirlllll opened 4 years ago
My issue relates to this issue: https://github.com/xgfe/react-native-datepicker/issues/375
The solution is:
<key>UIUserInterfaceStyle</key>
<string>Light</string>
FOR EXPO USERS: Is your phone in dark mode? If it is, then the text color is actually white but the background didn't change. I had to use their customstyles prop named datePickerCon with a background-color that changes depending on if the device is iOS and is in darkmode using Appearance API https://docs.expo.io/versions/latest/sdk/appearance/
<DatePicker ... customStyles={{ ... datePickerCon: { backgroundColor: 'black', }, }} />
My issue relates to this issue: #375
The solution is:
<key>UIUserInterfaceStyle</key> <string>Light</string>
This did not the trick for me. Anyone having the same issue ?
Is there a way to force the text color to black with the style
prop ?
My issue relates to this issue: #375
The solution is:
<key>UIUserInterfaceStyle</key> <string>Light</string>
This fixed it for me, thank you! I was going crazy trying to replicate the bug
it is problem with dark mode....
add customStyles for ios select panel datePickerCon: { backgroundColor: '#5360df' }
, you can add any color. give color such that it should be matched with dark mode as well as light mode such as grey, blue so white and black text has to be visible.
IOS Software Version having above 13.0 are facing this issue.
react-native-datepicker
has to solve this since one year there is no update.
The proposed solution also didn't work for me. Anyone else figured it out?
My issue relates to this issue: #375
The solution is:
<key>UIUserInterfaceStyle</key> <string>Light</string>
The above mentioned solution didn't work for me, however following worked for me:
import { useColorScheme } from 'react-native';
const isDarkMode = useColorScheme() === 'dark'; // default is 'light'
..
<DateTimePicker
style={{ backgroundColor: isDarkMode ? '#000' : '#fff' }}
..
</DateTimePicker>
Issue
DatePicker in IOS shows blank view
Expected Behavior
Users can see date picker
Code
Environment
react-native -v
:0.59.10node -v
: 10.15.0npm -v
: 6.4.1yarn --version
:target platform
: IOSHere is a screenshot: