React Native Element工具提示在一定时间后自动关闭

import React, { useState, useEffect } from 'react';
import { Tooltip } from 'react-native-elements';

const MyComponent = () => {
  const [showTooltip, setShowTooltip] = useState(false);

  useEffect(() => {
    const timer = setTimeout(() => {
      setShowTooltip(false);
    }, 3000); // 3秒后关闭工具提示

    return () => clearTimeout(timer); // 清除定时器
  }, [showTooltip]);

  return (
    <Tooltip
      visible={showTooltip}
      backgroundColor="#DDDDDD"
      containerStyle={{ width: 200 }}
      overlay={<Text>这是一个工具提示</Text>}
      onBackdropPress={() => setShowTooltip(false)}
    >
      <Button title="显示工具提示" onPress={() => setShowTooltip(true)} />
    </Tooltip>
  );
};

export default MyComponent;

<Tooltip
  visible={showTooltip}
  backgroundColor="#DDDDDD"
  containerStyle={{ width: 200 }}
  overlay={<Text>这是一个工具提示</Text>}
  onBackdropPress={() => setShowTooltip(false)}
>
  <Button title="显示工具提示" onPress={() => setShowTooltip(true)} />
</Tooltip>