Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RN 0.63.2: Doesn't work on Android. [works well on iOS] #193

Open
gagandeep-s opened this issue Sep 28, 2020 · 5 comments
Open

RN 0.63.2: Doesn't work on Android. [works well on iOS] #193

gagandeep-s opened this issue Sep 28, 2020 · 5 comments

Comments

@gagandeep-s
Copy link

Pop menu doesn't appear on tap on Android.

Works well on iOS.

RN 0.63.2

@shiroze
Copy link

shiroze commented Sep 29, 2020

For me not working on iOS work fine on Android

"react": "16.13.1",
"react-native": "0.63.2",
"react-native-popup-menu": "^0.15.9",

@phongit1995
Copy link

Pop menu doesn't appear on tap on Android.

Works well on iOS.

RN 0.63.2

me too. how can you fix it ???

@shiroze
Copy link

shiroze commented Nov 20, 2020

For me not working on iOS work fine on Android

"react": "16.13.1",
"react-native": "0.63.2",
"react-native-popup-menu": "^0.15.9",

For me now work fine on Android & iOS, please remember the zIndex between component and View, try remove Flex from Component react-native-popup-menu

    <Menu styles={{flex: 1}}> //Don't use flex, remove it
      <MenuTrigger text='Select action' styles={{flex: 1}} /> //Don't use flex here either, remove it
      <MenuOptions>
        <MenuOption onSelect={() => alert(`Save`)} text='Save' />
        <MenuOption onSelect={() => alert(`Delete`)} >
          <Text style={{color: 'red'}}>Delete</Text>
        </MenuOption>
        <MenuOption onSelect={() => alert(`Not called`)} disabled={true} text='Disabled' />
      </MenuOptions>
    </Menu>

hope this help

@sodik82
Copy link
Contributor

sodik82 commented Nov 20, 2020

thanks @shiroze

@phongit1995 - as we can see also in this thread (for someone it works there for someone exact opposite combination), the problems must be somehow connected to specifics of your setup. in general, I believe, it works pretty well.

but we encourage community to find out the edge use-cases where it breaks, so if you find out more what is wrong, pls let us know.

@naeliofreires
Copy link

I got the same problem using styles={{flex: 1}} but I don't understand why this is happening

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants