我如何在 react-native 中自定义日期选择器

Question

我曾在本机反应中使用日期时间选择器，但我想在我的自定义 UI 中为日期选择器执行此操作。我该怎么做？

我想在android和IOS中都如下图所示

Answer 1

按照以下步骤操作。

1. 使用new Date API将Date、Month和Years存储在数组中。李>
2. 然后显示在行中，使三个彼此相邻。
3. 使用overflow hidden隐藏顶部和底部部分视图

那就是你可以像你身边一样生成一个日期选择器。

Answer 2

您可以使用react-native-date-picker 库和以下代码来获得该外观：

<DatePicker
  date={date}
  onDateChange={setDate}
  mode="date"
/>