react-native - React Native react-native-datepicker 未显示某些日期
问题描述
我正在使用react-native-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;
解决方案
这可能是与此相关的暗模式问题:https ://github.com/xgfe/react-native-datepicker/issues/365 。
您必须根据模式自定义颜色(需要安装react-native-dark-mode
[ https://www.npmjs.com/package/react-native-dark-mode]),或者您可以将UIUserInterfaceStyle
密钥设置Light
为Info.plist
推荐阅读
- javascript - 我需要在javascript中计算一列的总和
- sql - Postgres array_position(array, element) 有时索引为 0?
- python - 如何在 Windows 10 上安装 gfortran libopenblas-dev liblapack-dev?
- python - 使用 python selenium 选择国家
- reactjs - TinyMCE 表在 material-ui Modal 上无法正常工作/加载
- sql - 更新一个巨大的 sql 表的最快方法
- c# - 是否可以使用 dotnet new 创建 ASP.NET Web Application Empty .Net Framework 4.7.2 项目?
- python-3.x - 在树莓派上运行 Qt 应用程序
- python - Django UpdateView 生成“GET”请求而不是“POST”
- javascript - 扩展外部模块并作为新包发布