@react-native-community/datetimepicker 显示弹出选择器 2 次

Question

我在我的应用程序中使用@react-native-community/datetimepicker。 这应该从日期选择器收集用户定义的日期，然后将其发送到数据库。 但是，当我按下按钮并打开日期选择器时，日期选择器弹出窗口会显示两次。 我选择一个日期，按确定，window 关闭。 然后仅仅几毫秒之后，一个新的日期选择器打开了。 有谁知道为什么会这样？

const onChange = (event, selectedDate) => {
        var inputDate = selectedDate.toISOString()
        var outputDate = inputDate.split("T")[0]
        setSelectedDate(outputDate)
        setDate(date)
        setShow(false);
        console.log(outputDate)
    }

const showDatepicker = () => {
        setShow(true)
    }

...

<View>
   <Button title="Choose date" onPress={showDatepicker} />
      </View>
      {show ? (
         <DateTimePicker
            value={date}
            onChange={onChange}
            mode={'date'}
            display="default"
         />
      ) : (<View />)}

Answer 1

试试下面可能有帮助的代码

const onChange = (event, selectedDate) => {
    const inputDate = selectedDate.toISOString();
    const outputDate = inputDate.split('T')[0];
    setSelectedDate(outputDate);
    setDate(outputDate);
  };

  React.useEffect(() => {
    setShow(false);
  }, [date]);

Answer 2

上面的答案对我不起作用（Android版本）。 对我有用的是：尝试在 onChange 上将 show 设置为 false，但请确保在设置值之前调用它。 我按照以下答案为日期模式修复了此问题： https://github.com/react-native-datetimepicker/datetimepicker/issues/54