Dropdown getting behind the other Views even with a higher zIndex value

React Native version: 0.64 react-native-dropdown-picker: 5.1.7

Dropdown is working fine on an Android device but while running it on an iOS device it is not respecting the zIndex value:

My code for dropdown:

<DropDownPicker
        style={{
          borderTopLeftRadius: 17,
          borderTopRightRadius: 17,
          borderBottomLeftRadius: 17,
          borderBottomRightRadius: 17,
          backgroundColor: '#99ccff',
          height: 35,
        }}
        containerStyle={{
          width: 110,
          marginTop: 10,
          ...containerStyle,
        }}
        itemStyle={{
          flexDirection: 'row',
          justifyContent: 'flex-start',
        }}
        textStyle={{
          fontSize: 10,
          fontWeight: '500',
        }}
        selectedItemLabelStyle={{
          color: '#0066cc',
        }}
        arrowIconStyle={{
          marginVertical: -3,
          paddingTop: 0,
          paddingBottom: 0,
        }}
        zIndex={999999}
        min={5}
        items={items}
        onChangeValue={handleChange}
        searchable={false}
        open={isOpen}
        value={value}
        listMode="SCROLLVIEW"
        setOpen={setIsOpen}
        setValue={setValue}
        onOpen={() => setDropDownOpen(true)}
        onClose={() => setDropDownOpen(false)}
        ref={dropDownRef}
        {...props}
      />

I tried giving the view a negative z-index but that did not help either

[hossein-zare]

<View style={Platform.OS !== "android" && {zIndex: 999999}}>
  <Dropdown items={product} selection={handleSelection} />
</View>

[shubhambattoo]

Going with the MODAL type of dropdown for the iOS version for now, not able to get the zIndex issue resolved. Closing the issue as i think something is missing from my end as the snack worked correctly on iOS.