[英]How to add icon to the date picker of nativebase components react native
I am using date picker component from native base UI component library is there any prop that can be used to display Icons.我正在使用本机基本 UI 组件库中的日期选择器组件,是否有任何可用于显示图标的道具。
There's not a native way to display an icon on Datepicker yet.目前还没有在 Datepicker 上显示图标的原生方式。
But you can do something like this:但是你可以这样做:
<View>
<Text style={styles.label}>Birth Date</Text>
<View style={styles.datePickerInput}
>
<DatePicker
ref={datePicker}
maximumDate={new Date()}
locale="en"
modalTransparent={false}
animationType="fade"
androidMode="spinner"
placeHolderText="Select a date"
placeHolderTextStyle={{ color: '#d3d3d3', fontFamily: 'default' }}
textStyle={{ color: '#222', fontFamily: 'default', fontSize: 15 }}
disabled={false}
>
</DatePicker>
<View>
<Icon
active
name='calendar'
style={styles.datepickerIcon}
onPress={handleDatePickerIconClick}
/>
</View>
</View>
</View>
Remember to use the ref
to trigger datepicker:记得使用ref
来触发 datepicker:
const datePicker = useRef();
const handleDatePickerIconClick = () => {
datePicker.current?.showDatePicker();
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.