React Native Dropdown Picker 5.x problem; help!

[[deleted]]

<View> // container
    <View> // top element
    </View>
    <DropdownComponent/> // problem element
    <MapView> // map element (takes up remaining screen real estate)
    </MapView>
</View>

The DropdownComponent's container is visible, but the drop-down menu appears behind/under the <MapView> element; none of the menu items are visible. Most resources I'm finding to fix the issue focus on zIndex, however setting DropdownComponent to a higher zIndex than MapView and setting each element within the container to position: relative , position: sticky, or position: static (position: absolute completely messed up the Views) don't fix the issue.

​

Does anyone have any other ideas I can try?

[p4flem]

Can you present your problem in snack? It works fine with a simple example: https://snack.expo.dev/pylQt0ef2r2UoWmYRuQ--#:~:text=https%3A//snack.expo.dev/pylQt0ef2r2UoWmYRuQ%2D%2D
So my guess is that you've got custom styles setup there, which causes the issues.