Text input appeared when mode=outlined is violet colour border
i want to change the violet to my custom colour ,what is the way to do it ,i look into the document but i don't find any props regarding that
mode='outlined'
secureTextEntry='true'
underlineColorAndroid={'rgba(0,0,0,0)'}
style={this.getStyle().TextInp}
text='white'
direction ='rtl'
value={this.state.text}
editable= 'true'
onChangeText={password => this.setState({ password })}
underlineColor='transparent'
editable= 'true'
theme={{ colors: { placeholder: 'white', text: 'white', primary: 'white',underlineColor:'transparent',background : '#003489'}}}
>
@sritharanpalani You can change primary color in your theme, or as @saharjedidi suggested, pass theme prop to component.
@Trancever Is there anyway way, that we can disable the bottom border for the flat input, or maybe we can give color to label and border individually?
@ajitdas123 i want to know too.
Most helpful comment
mode='outlined'
secureTextEntry='true'
underlineColorAndroid={'rgba(0,0,0,0)'}
style={this.getStyle().TextInp}
text='white'
direction ='rtl'
value={this.state.text}
editable= 'true'
onChangeText={password => this.setState({ password })}
underlineColor='transparent'
editable= 'true'