Menu showing on the Bottom Bar

[janardhanmupparaju]

I am trying to show the popup menu on the list item but when I click on last to the second item it was showing the popup menu, but on the bottom bar. like the below screen.

I am using this one also
rendererProps={{ preferredPlacement: 'top' }}

[sodik82]

popup menu will use any place on the screen.... so I would say it is "expected" behaviour. I see two options:

1. let your MenuProvider span only the space you want to use (i.e. the inner content) although it is not officially recommended.
2. you can play with https://github.com/instea/react-native-popup-menu/blob/master/doc/extensions.md - compute the position of the popup menu by our self (or maybe just adjust the default computation) so that it does not use bottom of your screen.