推荐开源项目:React Native Dates - 优雅的日期选择器
React Native Dates 是一个为 React Native 应用程序提供优雅的日期选择器组件的库。以下是如何使用该库的示例代码:
import React, { useState } from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import DatePicker from 'react-native-dates';
const DatePickerExample = () => {
const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
const [selectedDate, setSelectedDate] = useState(new Date());
return (
<View>
<TouchableOpacity onPress={() => setDatePickerVisibility(true)}>
<Text>选择日期</Text>
</TouchableOpacity>
<DatePicker
date={selectedDate}
onDateChange={setSelectedDate}
visible={isDatePickerVisible}
onDone={() => setDatePickerVisibility(false)}
onCancel={() => setDatePickerVisibility(false)}
/>
</View>
);
};
export default DatePickerExample;
这段代码展示了如何在 React Native 应用中集成 DatePicker 组件,并允许用户选择日期。当用户点击屏幕上的按钮时,会打开日期选择器,用户可以选择日期,然后点击完成或取消按钮关闭选择器。选定的日期将以文本形式显示。
评论已关闭