Autocomplete result overlaying

[ahtisham09]

<View style={{ flex: 1, left: 0, position: 'absolute', right: 0, top: 0, height: '40%', zIndex: 9999, }}> <Autocomplete data={ dropdwon.length === 1 && comp(selectedValue, dropdwon[0].name) ? [] : dropdwon } autoCorrect={false} containerStyle={{flex: 1}} inputContainerStyle={{borderWidth: 0, borderBottomWidth: 0}} //defaultValue={this.state.selectedValue} //onChangeText={text => this.setState({selectedValue: text})} listStyle={{ backgroundColor: 'rgb(18,50,92)', marginTop: 50, marginHorizontal: 18, maxHeight: 170, }} renderItem={({item, i}) => ( <TouchableOpacity style={{flex: 1}} onPress={() => this.setState({selectedValue: item.name})}> <Text style={{ color: 'white', fontSize: 20, margin: 5, paddingLeft: 5, flex: 1, }}> {item.name} )} renderTextInput={({item, i}) => ( <FloatingLabelinput value={this.state.selectedValue} label={this.props.label} onChangeText={text => this.setState({selectedValue: text})} /> )} />

[sajorahasan]

@ahtisham09 I am also facing the same issue so can you please share your solution if you have fixed this.

[ahtisham09]

@sajorahasan yes i fixed this issue by raping the dropdown and second textinput and button in same view