dropdown list conflict with below View

[saaspeter]

Hi: When I use this good lib, I encounter a problem, see below picture:

the View is under the select dropdown list, they are conflicted. The component's version is: 5.4.6. The code like this: "< View style={styles.pickerView} > <DropDownPicker containerStyle={styles.pickerStyles} style={{ backgroundColor: "crimson" }} open={open} value={drugDose.unitType} items={items} mode={"SIMPLE"} textStyle={{ fontSize: 17 }} setOpen={setOpen} setValue={handleSlectChange} setItems={setItems} /> </ View> < View style={styles.footerView}> < Text text="Generally, the dosage instructions... " /> </ View>"

I tried to add zIndex=1000 in DropDownPicker or add zIndex=1000 in its parent's View style (pickerView), but they all don't take effect in IOS simulator. My solution is to set zIndex=-1 in its below text view: styles.footerView, but I don't think it is a good solution, I think there should has a property in DropDownPicker to control the overlap problem. (unfortunately zIndex don't work), Is there any good solution?

(I found this issue: https://github.com/hossein-zare/react-native-dropdown-picker/issues/103, but the solution link in it cannot find this section: "zindex-conflicts-untouchable-items-overlapping-pickers")