Menu not working on IOS with RN-navigation, fine on Android

Question

Menu not working on IOS with RN-navigation, fine on Android

Opened this issue 5 years ago · 11 comments

I have the menu working fine in my Android environment...the top level component is wrapping with

I am now trying it in IOS, and when I click, nothing happens...the menu doesn't pop-up. In addition, it seems to freeze all the other actions in the component, other actions become unresponsive and I have to restart the application to get it back to working order.

Any ideas or changes I need to make in IOS to get this working??
This is running on a Iphone simulator with version 12.2 of the IOS software.

Answer 1 · 2019-06-10T21:02:06.000Z

can you provide us sample project eg. as expo snack? You can use https://snack.expo.io/@sodik82/react-native-popup-menu as a base if you want.

Answer 2 · 2019-06-10T23:40:20.000Z

Here is the snack: https://snack.expo.io/rJboKv3C4 I added the two main files. 1. sidedrawer.js : the main component which has the <MenuProvider> wrapper around the sub components and the 2. UserPanel.js file is where I render the menu. Please note this works fine in my Android environment but does not work in my IOS environment. I tried to play around/simplify the menu structure as much as possible...but it's just not working. When I click on it, it does not pop-up, no error is shown in console....so not sure how to proceed. Let me know if this is enough to reproduce/troubleshoot. Thanks, Mike

…

On Mon, Jun 10, 2019 at 5:02 PM Stanislav Miklik ***@***.***> wrote: can you provide us sample project eg. as expo snack? You can use ***@***.***/react-native-popup-menu as a base if you want. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#160?email_source=notifications&email_token=AIEE4NXEXGVRNMIDJYH34ETPZ26M7A5CNFSM4HWUGHSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXLHF5Q#issuecomment-500593398>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AIEE4NRHYCXHV2RVGS2CO3TPZ26M7ANCNFSM4HWUGHSA> .

Answer 3 · 2019-06-11T21:16:40.000Z

the point of snacks is that you can actually run examples on your devices - which I can't in your case. But at least I see some code.

It looks that sidedrawer is not your root component, doesn't it? Because MenuProvider should be always at the very root of your application.

Answer 4 · 2019-06-12T21:00:57.000Z

It wouldn't be easy to replicate a working example here..I'm using react-native-navigation which changes how you wrap the application. Upon logging in, the Navigation is used to direct to 2 separate components...the "main" component and a sidedawer component, which is where I have wrapping.

Again, this works on android...so it appears I have the code setup properly? Could it be something with my IOS environment? Anything I can check?

Answer 5 · 2019-06-13T20:00:52.000Z

not necessarily. the IOS and Android handles differently z-Index and it can be the issue. hard to tell.

Answer 6 · 2019-06-14T17:27:33.000Z

some solution, I present the same problem in ios platform

Answer 7 · 2019-06-14T18:49:42.000Z

is it problem only inside RNN side drawer or is it problem also on other screens?

Answer 8 · 2019-06-17T14:45:48.000Z

it seems that only happens with RNN

Answer 9 · 2020-06-17T08:49:34.000Z

+1 i got the same error today, still not working on ios...

Answer 10 · 2020-09-28T08:13:46.000Z

This plugin still not working on iOS, did someone find the solution already ?

Answer 11 · 2024-09-24T20:50:36.000Z

You can solve this issue by providing to each screen where

is using. It's not working on IOS when place in _layout file.