question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Better solution to open the Menu when 3 dots are clicked in React Native

See original GitHub issue

I am able to open menu when 3 dots icon is clicked for each item. But can the code be written in a better way…

Right now menu is getting created for each card item in a FlatList but ideally it would have been good to create single Menu View and dynamically associate it to some card where ever the 3 dots is clicked.

Expo Source Code Link

image

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
snelangacommented, Apr 2, 2019

@joniashton I’ve used a image like this and it works.

button = { <TouchableOpacity onPress = {this.showMenu}> <Image onPress = {this.showMenu} style = {{ margin: 20 }} resizeMode = 'contain' source = {require('../../assets/images/dot_menu.png')} /> </TouchableOpacity> }

0reactions
ZeeshanAhmadKhalilcommented, Mar 18, 2021

did you tried react-native-popup-menu ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Better solution to open the Menu when 3 dots are clicked in ...
As mentioned here, you can find an undocumented UIManager.java class that allows you to create Popups with its showPopupMenu method.
Read more >
How to create a More-Popup Menu in React-Native - Cmichel.io
I'm talking about the “three dots menu” you see in every application showing additional actions when you click on it: react native more...
Read more >
Better solution to open the Menu when 3 dots are clicked in ...
I am able to open menu when 3 dots icon is clicked for each item. But can the code be written in a...
Read more >
How to create customized pop-up menus in React Native
In this article, we'll learn how to create basic, customized, and scroll view pop-up menus in React Native.
Read more >
React Native Popup Menu - Over Flow Menu - About React
You can use the popup menu if you want to provide the number of options to select but don't want to highlight them....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found