search

sohobloo / react-native-modal-dropdown

A react-native dropdown/picker/selector component for both Android & iOS.
MIT License
1.19k stars 477 forks source link

Dropdown menu obstructs screen #136

Closed XaviSmith closed 6 years ago

XaviSmith commented 6 years ago

The dropdown menu and icon are fine, but whenever I tap it, the dropdown selections and a grey background take up the entire screen and renders over everything else as shown in the picture below. Here's the code I'm currently using, this behaviour persists even then i don't have anything inside the , no styling on it, and using <Dropdown ... />.

EDIT: I've tried setting the dropdownStyle to have a transparent background and changing the width/height but the grey background still persists all the same.

Code: <ModalDropdown options={['option 1', 'option 2']} style={{alignSelf:'flex-end', zIndex:2, marginTop:20, marginBottom: -30, paddingRight:5}}> <Icon style={{color:'white'}} name="menu" /> < /ModalDropdown>

I get this behavior on both the emulator and physical device.

screen shot 2018-02-16 at 12 25 17 pm
XaviSmith commented 6 years ago

Haven't solved it, but no longer using a dropdown for what i wanted to accomplish