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
969 stars 294 forks source link

iOS - Modal not working in landscape and FLATLIST in iOS is behind the view #739

Open sudheerkarumanchi opened 4 months ago

sudheerkarumanchi commented 4 months ago

Appreciate for the nice drop down picker with huge list of props/params.

We are facing an issue with iOS - FLATLIST is behind the view in iOS devices even though used zIndex. To overcome this issue, used Modal but this is not changing the orientation in landscape.

Below is the code snippet for reference.

<DropDownPicker open={openFilterDropdown} value={selectedType} items={items} setOpen={setOpenFilterDropdown} setValue={setSelectedType} listMode={Platform.OS === "ios" ? "MODAL" : "FLATLIST"} onChangeValue={(item: any) => { handleItemSelect(item); }} labelStyle={{ fontSize: 15, color:'white', }} style={{ backgroundColor: "", borderWidth: 0, padding: 0, }} arrowStyle={{ marginRight: 10 }} containerStyle={{ width:100 }} zIndex={9999} />

Please suggest an alternate approach or thought here. Thanks