BlueWallet/components/TooltipMenu.ios.js

import React, { useRef, forwardRef, useEffect } from 'react';
import ToolTip from 'react-native-tooltip';
import PropTypes from 'prop-types';
import { View } from 'react-native';

const ToolTipMenu = (props, ref) => {
  const toolTip = useRef(null);

  const showMenu = () => {
    console.log('Showing ToolTip');
    toolTip.current?.showMenu();
  };

  useEffect(() => {
    ref.current.showMenu = showMenu;
  }, [ref]);

  return <View ref={ref}>{ref.current && <ToolTip ref={toolTip} actions={props.actions} />}</View>;
};

export default forwardRef(ToolTipMenu);
ToolTipMenu.propTypes = {
  actions: PropTypes.arrayOf(PropTypes.shape).isRequired,
};