React-native-google-places-autocomplete: Styling issue on Android - It shows Underline in the text input

Created on 30 Jan 2017  路  3Comments  路  Source: FaridSafi/react-native-google-places-autocomplete

There is styling issue on android which shows underline in the text input. For solution the underlineColorAndroid="transparent" prop should be used ;

{ ...userProps }
ref="textInput"
autoFocus={this.props.autoFocus}
style={[defaultStyles.textInput, this.props.styles.textInput]}
onChangeText={onChangeText ? text => {this._onChangeText(text); onChangeText(text)} : this._onChangeText}
value={this.state.text}
placeholder={this.props.placeholder}
placeholderTextColor={this.props.placeholderTextColor}
onFocus={onFocus ? () => {this._onFocus(); onFocus()} : this._onFocus}
clearButtonMode="while-editing"
underlineColorAndroid="transparent"
/>

Most helpful comment

This solution worked for me:
textInputProps={{underlineColorAndroid:'rgba(0,0,0,0)'}}

All 3 comments

Hi @RajanPN

Cool.

Could you please submit a PR and i'll merge it?

Thanks

This solution worked for me:
textInputProps={{underlineColorAndroid:'rgba(0,0,0,0)'}}

@RajanPN Check out underlineColorAndroid prop in v1.2.8

Was this page helpful?
0 / 5 - 0 ratings

Related issues

miguel-pm picture miguel-pm  路  3Comments

yasirdev picture yasirdev  路  3Comments

akhlopyk picture akhlopyk  路  3Comments

nikohosn picture nikohosn  路  3Comments

aymkin picture aymkin  路  4Comments