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

Question

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

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

Answer 1

请按照以下步骤操作。

1. 使用新的 Date API 获取Date、Month和Years将它们存储在数组中。
2. 然后按行显示，使三个彼此相邻。
3. 使用溢出隐藏隐藏顶部和底部视图

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

Answer 2

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

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