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

Question

我想在工具提示打开一段时间后自动关闭它，本来可以使用 onOpen 但我不知道如何

https://reactnativeelements.com/docs/tooltip/#toggleaction

有什么想法吗？这是代码

function BranchToolTip(month){
switch(month){
  case 'YG':
    return 'Yogyakarta'
    break;
  case 'BL':
    return 'Bali'
    break;
  case 'PB':
    return 'Pekanbaru'
    break;
  case 'SL':
}}

<View>
<Tooltip ref={tooltipRef} delayShow={1000} toggleOnPress={true} 
   popover={<Text>{BranchToolTip(props.tableRow2.Branch)}</Text>}>
</View>

按下工具提示的弹出窗口将显示 BranchToolTip 函数的 return 值并且，这个想法是在 3 秒或更短时间后自动关闭弹出窗口

Answer 1

您可以结合使用 onOpen 和 ref。下面应该在 3 秒后关闭工具提示。

const tooltipRef = useRef(null);

const onOpenToolTip = () => {
     setTimeout(function(){tooltipRef.current.toggleTooltip();},3000);
   }

<Tooltip ref={tooltipRef} delayShow={1000} toggleOnPress={true} onOpen={onOpenToolTip}
   popover={<Text>{BranchToolTip(props.tableRow2.Branch)}</Text>}>
</View>

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

React Native Element Tooltip auto Close after certain time

popup

reactjs

react-native