react-native-common-date-picker

以下是react-native-common-date-picker的介绍：

react-native-common-date-picker是一个React Native的日期选择器组件，支持年月日格式的日期选择。该组件适用于iOS和Android平台，并且可以自定义样式和参数。

使用react-native-common-date-picker，你可以轻松地在你的React Native应用程序中添加日期选择器功能。该组件提供了多种可选参数，例如日期格式、最小日期、最大日期、默认日期等等，以便你根据自己的需求进行自定义。

以下是一个使用react-native-common-date-picker的例子：

import React, { useState } from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import DatePicker from 'react-native-common-date-picker';

const App = () => {
  const [date, setDate] = useState(new Date());

  const handleDateChange = (newDate) => {
    setDate(newDate);
  };

  return (
    <View>
      <TouchableOpacity onPress={() => this.datePicker.onPressDate()}>
        <Text>{date.toLocaleDateString()}</Text>
      </TouchableOpacity>
      <DatePicker
        ref={(picker) => { this.datePicker = picker; }}
        style={{ width: 0, height: 0 }}
        mode="date"
        date={date}
        onDateChange={handleDateChange}
      />
    </View>
  );
};

export default App;

在上面的例子中，我们首先导入了react-native-common-date-picker组件，并在组件中使用useState钩子来管理日期状态。然后，我们在TouchableOpacity组件中渲染了当前日期，并在用户点击该组件时打开了日期选择器。最后，我们将DatePicker组件添加到了视图中，并将其隐藏在了一个看不见的位置。