How to calculate position of context menu?

Question

The context menu is far lower than it should be. I attempted to use

<Menu renderer={Popover} rendererProps={{ placement: 'top' }} >

but this only minimally helped. Here is a screenshot. any help is appreciated.

EDIT: I have now used the custom menu as shown at https://github.com/instea/react-native-popup-menu/blob/master/doc/extensions.md.

This moves the options menu to the correct position but loses all styling and has no animation as well as never disapearing.

const CustomMenu = (props) => {
const { style, children, layouts, ...other } = props;
const position = { top: 0, right: 0 }
return (
    <View name={'newquote2'} {...other} style={[style, position]}>
        {children}
    </View>
);

};

sometimes it happens when menuprovider is not on the top of your application — sodik, Aug 02 '18 at 20:19

score 0 · Accepted Answer · answered Aug 02 '18 at 13:37

0

You need to use the libraries menu component with your own custom menu. for example

<Menu renderer={CustomMenu} >

answered Aug 02 '18 at 13:37

tnyN

808
6
16

How to calculate position of context menu?

1 Answers1