React-native-paper: TextInput Outlined mode: (Focused)

Created on 15 Nov 2018  路  4Comments  路  Source: callstack/react-native-paper


Current behaviour

Text input appeared when mode=outlined is violet colour border

Expected behaviour

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

Most helpful comment

label='password '
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'}}}
    >

All 4 comments

label='password '
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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tonyxiao picture tonyxiao  路  3Comments

zxccvvv picture zxccvvv  路  4Comments

zachariahtimothy picture zachariahtimothy  路  3Comments

ButuzGOL picture ButuzGOL  路  4Comments

sm2017 picture sm2017  路  4Comments