change autocomplete textbox background color.

Hi @l-urence I have used autocomplete input and my code looks like this

<Autocomplete
                    autoCapitalize="none"
                    autoCorrect={false}
                    containerStyle={{zIndex:5}}
                    inputContainerStyle={{borderColor:'transparent',height: 50,backgroundColor:'red'}}
                    data={countryList.length === 1 && comp(this.state.countryQuery, countryList[0].name) ? [] : countryList}
                    defaultValue={this.state.countryQuery}
                    onChangeText={text => this.setState({countryQuery: text })}
                    placeholder="Search for your country."
                    renderItem={data => (
                      <TouchableOpacity onPress={() => this.onCountrySelection(data)}>
                        <Text style={styles.itemText}>
                          {data.name}
                        </Text>
                      </TouchableOpacity>
                    )}
                    />

I need is to change the background color to transparent so that it will look good with my design.

i tried using background color in both containerStyle and inputContainerStyle but nothing works…

if use style={{backgroundColor:'#ececec '}} then it works for android not in iOS…

any workaround idea to get this done.

Thanks in advance.

[mrlaessig]

If you want to get rid of the border set it’s width to zero: inputContainerStyle={{ borderWidth: 0 }}.

[mrlaessig]

Try to use backgroundColor: 'rgba(52, 52, 52, 0)' instead of borderColor: 'transparent'.