Я работаю с react-native-datepicker, и некоторые даты имеют прозрачный цвет шрифта, а другие нет. Я не уверен, что идет не так, у меня есть самая последняя версия DatePicker. Когда я выбираю дату, которая не видна, я могу распечатать правильное значение, которое означает, что оно работает ... оно просто не отображается. Я приложил картину того, что происходит.
import React from 'react';
import DatePickerModal from 'react-native-datepicker';
import moment from 'moment';
import {Platform} from 'react-native';
import Colors from 'utils/Colors';
type DatePickerProps = {
value: String,
onDateChange: Function,
datePickerRef: Object
};
const DatePicker = ({ value, onDateChange, datePickerRef }: DatePickerProps) => {
if( Platform.OS === 'ios'){
return (
<DatePickerModal
ref={datePickerRef}
date={value}
mode="date"
placeholder="Select date"
format="YYYY-MM-DD"
maxDate={moment().subtract(18, "years")}
confirmBtnText="Confirm"
cancelBtnText="Cancel"
showIcon={false}
customStyles={dateInputStyles}
onDateChange={onDateChange}
/>
)} else {
<DatePickerModal
ref={datePickerRef}
androidMode
date={value}
mode="date"
placeholder="Select date"
format="YYYY-MM-DD"
maxDate={moment().subtract(18, "years")}
confirmBtnText="Confirm"
cancelBtnText="Cancel"
showIcon={false}
customStyles={dateInputStyles}
onDateChange={onDateChange}
/>
}}
const dateInputStyles = {
dateTouchBody: {
height: 28,
},
dateInput: {
borderColor: Colors.Red,
height: 28,
alignItems: 'flex-end',
},
dateText: { color: Colors.Gray },
placeholderText: { color: Colors.Gray },
btnTextCancel: { color: Colors.Gray },
btnTextConfirm: { color: 'green' }
};
export default DatePicker;
