使用 react native 和 expo 创建自定义日期选择器

Question

我想为 select 创建一个框，日期如附图所示。 你建议用 expo 创建类似的东西？

我尝试使用 MUI 的 Mobile DatePicker API，但它不起作用，出现错误。

Answer 1

https://www.npmjs.com/package/@react-native-community/datetimepicker

适用于 Expo。 Static 版本设置为 3.xx（版本 3）。 因此，您不会拥有他们文档中描述的全部功能，但您将拥有足够的功能。

expo install @react-native-community/datetimepicker

而不是 npm 以确保您获得兼容版本。

这个库可能有点难以使用。 我对您的主要建议是您自己创建一个看起来像您的设计的自定义组件。 然后用 TouchableOpacity 包装它并 onPress 设置 DateTimePicker 以显示其模式。 从 onChange 结果中获取您需要的值，并将其传递给您的本地 state。 在那之后不要尝试任何花哨的东西，因为正如我之前提到的，这个库很难使用，并且真的很难与任何定制作斗争。 它虽然运作良好，但肯定会解决您的问题。