Items in dropdown list are transparent on ios while android aren't

[smallhand]

I already
set zIndex styles, and it works on Android app while ios doesn't
Here is my code snippet

<View style={{zIndex: 10000 }}>
      <DropDownPicker 
            open={grpOpen}
            value={grp_no}
            items={grpPicker}
            defaultValue={grp_no}
            setOpen={setGrpOpen}
            setValue={setGrp}
            setItems={setGrpPicker}
      />
</View>

[SurajMohanty02]

same issue

[gitnlsn]

Same issue here.

[kentvdc029]

I am also experiencing this issue. Do you guys found any solution for this issue?

[User-1289]

Can you please provide more details to reproduce this

[Hloview]

z-index only works on the same level of components.

Place the components on the same level.

If you have :

<View>
 <View style={{ zIndex: 10000 }}>
    <DropDownPicker 
      open={grpOpen}
      value={grp_no}
      items={grpPicker}
      defaultValue={grp_no}
      setOpen={setGrpOpen}
      setValue={setGrp}
      setItems={setGrpPicker}
  />
 </View>
 <Button />
</View>

Change to :

<View style={{ flexGrow: 1 }}>
    <DropDownPicker 
      open={grpOpen}
      value={grp_no}
      items={grpPicker}
      defaultValue={grp_no}
      setOpen={setGrpOpen}
      setValue={setGrp}
      setItems={setGrpPicker}
  />
 <Button />
</View>

Fragment works fine too. Use flexGrow for the top View.