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函数的返回值而且，这个想法是在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>