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-date-picker”方面遇到了同样的问题，但在搜索另一个与网络兼容的库时，我发现了“react-native-paper-dates”，它在 Android iOS 和 Web 中工作得很好。

Answer 3

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

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