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.

On Android, not matching native PopupMenu look

See original GitHub issue

Hi there,

I am using this on android currently to try to acheive the native PopupMenu. This is a screenshot of native PopupMenu:

popupmenu-android-case

And this is how it looks when I use react-native-material-menu out of the box on Android:

react-native-material-menu-android-case

We see on touch, there is no ripple. We need to use <TouchableNativeFeedback> I think.

We also see that the item on press is not flush against the top. There seems to be a gap.

Is there a way to fix this on my side, or do we need to edit the lib?

Other minor issues that I can fix with style prop, but would be ideal if it matched native android:

It would be so awesome if this looked perfect like the native PopupMenu on Android out of the box (hence the name of the lib 😃 )

Ideally I tried to find a native lib for Android PopupMenu in react-native but I can’t. 😦 And I’m not experience with native ui modules yet in RN 😦

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
mxckcommented, Feb 9, 2018

And I think use TouchableNativeFeedback is good idea.

1reaction
mxckcommented, Feb 9, 2018

@Noitidart temporary you can pass styles and textStyles props to MenuItem. Also. Than version of android you use and device? This is pure android?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Popup menu does not overlay other components in Android
I am using react-native-popup-menu@0.10.0. It works fine on IOS but cannot overlay on another component on android.
Read more >
PopupMenu - Android Developers
The popup will appear below the anchor view if there is room, or above it if there is not. If the IME is...
Read more >
react-native-option-menu-platform - NPM Package Overview - Socket
A native looking options dialog for Ios and Android and Web. ... A required dependency is not declared in package.json and may prevent...
Read more >
react-native-popup-menu - UNPKG
The CDN for react-native-popup-menu. ... function makeTouchable(TouchableComponent) {\n const Touchable = TouchableComponent || Platform.select({\n android: ...
Read more >
4.3: Menus and pickers · GitBook - GitHub Pages
Use an ImageButton in the Activity layout for the icon that triggers the popup menu. Popup menus are anchored to a View in...
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