react-native-datetimepicker Change Text Color

Question

Issue

I need to change the color of the text displayed in the picker for react-native-datetimepicker as I have a very dark background and the text is extremely hard to see on it.

What I've Tried

I've tried passing in color: 'white' as a style to the DateTimePicker component and I've also tried passing in the itemStyle prop to the DateTimePicker component as that is how you change text styles on react-native's Picker component. Neither have worked.

Does anyone know how to change the text style in react-native-datetimepicker?

Example

Answer 1

You have the property textColor available:

<DateTimePicker 
...
textColor="white" />

Answer 2

If you are using expo, you must go to node_modules/react-native-date-picker/style.js folder and use this:

dateText: {
    color: '#fff'
},