zIndex has no effect

Using iOS simulator the dropdowns are going behind my other text inputs on the screen when open. I’ve set the zIndex as high as 50000 with no luck.

<DropDownPicker items={[ { label: "1", value: 1 }, { label: "2", value: 2 }, { label: "3", value: 3 }, { label: "4", value: 4 }, { label: "5", value: 5 }, ]} containerStyle={{ marginHorizontal: 12, marginVertical: 10, flex: 1, width: "50%", }} zIndex={50000} defaultNull placeholder="Total Courts" onChangeItem={(item) => console.log(item.label, item.value)} />

[leslielyj]

Hey guys, zIndex still does not work as of v2.1.3, however you can put zIndex as a style in a View component:

<View style={{zIndex: 99999}}>
          <DropDownPicker
            items={[
              {label: '1', value: 1},
              {label: '2', value: 2},
              {label: '3', value: 3},
            ]}
            containerStyle={{height: 40, width: "20%",flex: 1}}
            
            onChangeItem={item => this.setState({ no_of_people: item.value })}
            dropDownMaxHeight={100}
          />
</View>

@plaporte @hossein-zare

[FaysalBsata]

I think the problem occurs when nesting in a scrollview!