react-native-web，DatePicker组件？

Question

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

是否还有其他库可以提供与react-native-web兼容的本机datepicker外观？

Answer 1

一种可能的方法是像我在这里使用select和option标记一样，使用react-native-web库中的createElement函数编写具有“ date”类型的本机输入：https://gist.github.com/orYoffe/1f5d1651bab5d477730aec317ed405fc

那么您将在移动网络和其他本机支持的功能上具有本机行为

Answer 2

类似的事情会起作用。如果您使用的是Web平台，则可以调用此组件而不是本机组件，它将使用默认的Web日期选择器。

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

Answer 3

我发现以下包与您（正在）寻找的类似 https://www.npmjs.com/package/react-mobile-datepicker