如何將圖標添加到nativebase組件的日期選擇器反應原生

Question

我正在使用本機基本 UI 組件庫中的日期選擇器組件，是否有任何可用於顯示圖標的道具。

Answer 1

目前還沒有在 Datepicker 上顯示圖標的原生方式。

但是你可以這樣做：

<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>

記得使用ref來觸發 datepicker：

const datePicker = useRef();

const handleDatePickerIconClick = () => {
    datePicker.current?.showDatePicker();
}