Questions tagged [react-native-popup-menu]

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.

49 questions
7
votes
1 answer

React Native Popup Menu Moving the Options Box

I have a React Native Popup Menu implemented as follows: import React, { Component } from 'react'; import { Text } from 'react-native'; import { Icon, Divider } from 'react-native-elements'; import { Menu, MenuTrigger, MenuOptions, …
Barry Michael Doyle
  • 9,333
  • 30
  • 83
  • 143
5
votes
3 answers

Context popup menu in wix/react-native-navigation navbar

Is it possible to set three dot context menu using "react-native-popup-menu" in "react-native-navigation" navbar? or do we have any other approach to set three dot context menu in both IOS and Android with "react-native-navigation" navbar?
5
votes
3 answers

React-Native-Popup-Menu and Stack Navigator

ReactNavigation Stack Navigator has the property HeaderRight useful to place the menu button in the header, but has not a context menu. Is it possible to integrate the React Native Popup Menu in the Stack Navigator? Thanks in advance.
5
votes
2 answers

How to set an icon in MenuTrigger

I have a menu icon in my navbar and I need to use it as a menu. I'm trying to achieve this with the react-native-popup-menu lib. The component only accepts text (strings) as prop. How could I use an icon as a menu trigger?
roadev
  • 1,002
  • 9
  • 16
4
votes
2 answers

Opening context menu on long press in React Native

I'd like to have a context menu triggered on long press different places using React Native. I.e. in a dialer like the default dailer. You can long-click on any contact and get a 'copy number' menu. And also you can long-click on the name of the…
odinho - Velmont
  • 20,922
  • 6
  • 41
  • 33
3
votes
2 answers

React-Native-Popup-Menu with FloatingActionButton Component cannot trigger with MenuTrigger

I would like to use react-native-popup-menu and react-native-floating-action-button components together. I've tried :
2
votes
0 answers

increase the touchable area with hitSlop (React-native-popup-menu)

I'm using react-native-popup-menu but I'm trying to increase the area where the user can click for the menu option to be triggered. I've gone through the documentation and there is information about TouchableOpactiy but it seems to be about styling…
2
votes
0 answers

How do I open react-native popup-menu from a that is from another function?

I'm creating a React-native app, which has a question-answer system, and this menu is intended for confirming a chosen answer. How can I open react-native-popup-menu without having a separate Menutrigger?
2
votes
0 answers

React Native Popup Menu - Top Right styling

Hi, I am trying to clone WhatsApp UI using NativeBase and react-navigation. I am using the react-native-popup-menu package and going on well except the fact that I want to adjust the width of the popup menu and I want the menu top and right to be…
2
votes
1 answer

Popup menu does not appear on Android using "react-native-popup-menu"

I am making a mobile app using react-native-popup-menu. (React Native) The popup unit works fine on iOS. But it will not shop up on Android when I test it on Android simulator. I've seen a post that suggests a fix that involves MenuContext>…
L.U.
  • 501
  • 5
  • 20
2
votes
1 answer

Open Menu on click of Icon in React Native

I am not able to identify how to display Menu items when clicked on Icon in React Native Expo Link Code _onPressItem = () => { this.setState({ opened: true }); }; render() { return (
Sharath
  • 2,348
  • 8
  • 45
  • 81
2
votes
1 answer

How to unit test behavior in react-native-popup-menu

Suppose I have the code below: funcOne()} text='Call funcOne' /> funcTwo()} text='Call funcTwo' /> …
usafder
  • 791
  • 5
  • 17
2
votes
1 answer

How to include menu options with custom icons?

The documentation for react native popup menu mentions how to create menu options with a checkmark const CheckedOption = (props) => ( ) I want to create menu options with custom icons. I do not have the unicode value for those icons. I created…
nataroo
  • 23
  • 4
2
votes
3 answers

How to close react native popup menu?

I'm using your react-native-popup-menu for logout button. when button clicked the authentication deleted and screen will go to login . but the menu still left. How to close this menu when screen switched?
madox2
  • 49,493
  • 17
  • 99
  • 99
1
vote
0 answers

How to hide grey background color on click (react-native-popup-menu)

I'm using React native popup menu and on click I have a grey background color that appears on the menu. So i read the docs and it says to change customStyles in Menu Trigger but I tried many different things and it doesn't work. I just want that…
yoann84
  • 518
  • 1
  • 3
  • 14
1
2 3 4