react-native-popup-menu is extensible popup menu component for React Native for both Android and iOS. Use this tag if you have any questions how to use this component.
Questions tagged [react-native-popup-menu]
49 questions
1
vote
1 answer
How to create a close animation in a custom renderer component using react-native-popup-menu?
I am using the react-native-popup-menu and created my own renderer component. It's a function component, so in short it looks like this:
const ContextMenuRenderer = ({ children, layouts, ...otherProps }) => {
return (
Rafael Tavares
- 5,678
- 4
- 32
- 48
1
vote
0 answers
Integrating react-native-popup-menu with react-native-navigation
As stated in react-native-popup-menu docs to use it we have to wrap our root App component with the component MenuProvider. In react-native-navigation we have no control over that container since it is managed by the native side so is there a…
Hosam Abdelnaser
- 127
- 2
- 11
1
vote
0 answers
Can I use marginBottom to move React-Native popup menu out of the Component it is in?
I was trying to use a context menu that shows up after selecting part of the text in a TextInput, but the native popup menu is covering it. I can not put the menu in the element above. And if I put it under current placement, the keyboard would…
freir96
- 123
- 2
- 13
1
vote
2 answers
Aligning react-native-popup-menu MenuOptions right
I cant for the life of me figure out how to get the dropdown to be right aligned. I have tried playing with flex-end and absolute positioning with right: 0 etc.
I am looking to have the menu options listed on the right, below and tight right to the…
P-Rick Stephens
- 235
- 1
- 5
- 15
1
vote
1 answer
popup-menu requires RN 0.55+ error in react native
I am using the library "react-native-popup-menu.
npm install react-native-popup-menu@0.14.0
version:0.14.0(it's latest)
when I try to run then error showed: this version of popup-menu requires RN 0.55+
but the problem was I install the latest…
Rushi dave
- 164
- 2
- 6
- 20
1
vote
1 answer
How to navigate from one menu option to other screen
I am using 'react-native-popup-menu'
{this.props.navigation.navigate('History')}} />
Nishar sheik
- 151
- 1
- 4
- 20
1
vote
0 answers
Popup menu hidden behind other items in FlatList
I have a FlatList and each item uses the react-native-popup-menu functionality to show a popup menu when clicked. However, only the top of the menu appears and the rest is hidden behind the following list items. Is there a way to have the menu…
Greg
- 619
- 1
- 8
- 15
1
vote
1 answer
How to calculate position of context menu?
The context menu is far lower than it should be. I attempted to use
tnyN
- 808
- 6
- 16
1
vote
1 answer
How to add React native Popup Menu in Dynamic FlatList
I will try to add react native popup menu in flatlist. but the problem is menu has been displayed only two flatlist ite
1
vote
1 answer
Custom styling for MenuOption in React native popup menu
So I'm new to React (and JavaScript too for that matter). I'm creating an App using react native and currently trying to style my popup menu. (which looks like this: Popup menu image)
I want to change the style of the options (make the font size…
kdiv
- 23
- 1
- 8
1
vote
1 answer
Is it possible to let SlideInMenu of react-native-popup-menu slide in from the right or left?
Standard Behaviour for react-native-popup-menu SlideInMenu renderer is to slide in from the bottom and slide out towards it again. Can this be changed to left or right?
JuToGe
- 71
- 5
1
vote
1 answer
Is it possible to open another menu with a menu option?
Currently I can open a menu by clicking a menu trigger and that works well. I'm now trying to implement a process so that I can open menu-a, select an option from menu-a which will then open menu-b using the slide in method. Is this possible with…
boboboliao
- 43
- 4
1
vote
1 answer
How to test components with menu
I'm trying to test, with Jest's snapshots, a component containing a menu. The problem is that the menu's content is not rendered so I can't test the whole component.
Is there a way to force a menu to render all its MenuOption? I tried to use
Parasithe
- 25
- 5
0
votes
1 answer
React Native style third party component by adding wrappers
My issue:
I am trying to add my own styles to the components provided by react-native-popup-menu and add it to my component library. They provide Menu, MenuOptions, and MenuOption components with the following expected hierarchy:
javapyscript
- 720
- 8
- 22
0
votes
0 answers
Problem to use a component as children of MenuTrigger
I have a component called AvatarMenu and inside of this component his built like this.
AvatarMenu component
export function AvatarMenu() {
return (
Vagner Wentz
- 391
- 1
- 7
- 29