datepicker - react-native-web，DatePicker 组件？

Question

我希望https://github.com/xgfe/react-native-datepicker与 react-native-web 一起使用，但我认为它不兼容。

是否有其他库提供与图像兼容的本机日期选择器外观react-native-web？

Answer 1

像这样的东西会起作用。如果您在 Web 平台上，则可以调用此组件而不是本机组件，它将使用默认的 Web 日期选择器。

export default function DateTimePicker({ value, onChange }: Props) {
  
  return createElement('input', {
    type: 'date',
    value: value,
    onInput: onChange,
  })
}

Answer 2

一种可能性是使用 react-native-web 库中的 createElement 函数编写具有“日期”类型的本机输入，就像我在这里使用选择和选项标签所做的那样：https ://gist.github.com/orYoffe/1f5d1651bab5d477730aec317ed405fc

然后您将在移动 Web 和其他本机支持的功能上具有本机行为