hossein-zare / react-native-dropdown-picker

A single / multiple, categorizable, customizable, localizable and searchable item picker (drop-down) component for react native which supports both Android & iOS.
https://hossein-zare.github.io/react-native-dropdown-picker-website/
MIT License
971 stars 295 forks source link

How to handle z index issue #596

Closed Saikedo closed 1 year ago

Saikedo commented 1 year ago

Is there a good way to force the dropdown to render on top of other components without using the modal approach ?

If you look at this example, you will see that the dropdown opens behind the other view.

Of course, it is possible to indicate the zIndex for the parent view to be 1 in this case but in some other circumstances, this might be a bit more problematic.

mikehardy commented 1 year ago

Yes https://github.com/hossein-zare/react-native-dropdown-picker/issues?q=is%3Aissue+is%3Aopen+sort%3Acomments-desc

I did this, it worked well https://github.com/hossein-zare/react-native-dropdown-picker/issues/376

brada1703 commented 12 months ago

hey @Saikedo , add the zIndex property to the View that the DropDownPicker is contained in. Like this: https://snack.expo.dev/_vBICNg22 (Note line 29)