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

[sudheerkarumanchi]

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