index.tsx

import * as React from 'react';
import { PropTypes } from 'react';
import Menu, { MenuContext, MenuOptions, MenuOption, MenuTrigger } from 'react-native-menu';
import tsPropsType from './PropsType';

export default class Popover extends React.Component<tsPropsType, any> {
  static propTypes = {
    children: PropTypes.any,
  };
  static defaultProps = {
    onSelect: () => {},
  };
  static Item = MenuOption;
  render() {
    const {
      children, onSelect, overlay, disabled, contextStyle,
      name, style, triggerStyle, overlayStyle, renderOverlayComponent,
    } = this.props;
    const menuOptionsProp = {
      optionsContainerStyle: overlayStyle,
      renderOptionsContainer: renderOverlayComponent,
    };
    return (
      <MenuContext ref="menuContext" style={contextStyle}>
        <Menu name={name} onSelect={onSelect} style={style}>
          <MenuTrigger disabled={disabled} style={triggerStyle}>
            {children}
          </MenuTrigger>
          <MenuOptions {...menuOptionsProp}>
            {overlay}
          </MenuOptions>
        </Menu>
      </MenuContext>
    );
  }
}