如何关闭@react-native-community/datetimepicker

Question

有没有办法关闭之前打开的@react-native-community/datetimepicker实例？我想在componentWillUnmount中关闭它，或者使用setTimeout或其他事件。不幸的是，即使删除了组件，本机选择器仍保持打开状态。我尝试了这样的东西：

function example() {
  const [showPicker, setShowPicker] = useState(false);

  setTimeout(() => {
    setShowPicker(!showPicker);
  }, 5000);

  return (
    <>
      {showPicker && (
        <DateTimePicker mode="date" value={new Date()} />
      )}
    </>
  );
}

这使得拾取器每10秒打开一次，但需要手动关闭。有没有办法直接从代码中(而不是由用户)关闭它？

Answer 1

试试这个可能会有帮助

import React, { useEffect } from 'react'

function example() {
  
  const [showPicker, setShowPicker] = useState(false);

  useEffect(() => {
     setShowPicker(true);

     // returned function will be called on component unmount 
     return () => {
       setShowPicker(false)
     }
  }, []);    

  return (
    <>
      {showPicker && (
        <DateTimePicker mode="date" value={new Date()} />
      )}
    </>
  );
}

你可以查看ComponentWillMount in Hooks