React-native-paper: TextInput active colour ?

Created on 27 Apr 2019 · 1Comment · Source: callstack/react-native-paper

Hi,

How can I modify the TextInputs active underline colour?

Cheers,

Alex

question

Source

AlexMachin1997

Most helpful comment

To change inactive color you can pass underlineColor prop.
To change active color you can pass theme object with primary color.

Example:

<TextInput
     label="Text input"
     placeholder="Type something"
     value={this.state.text}
     theme={{ colors: { primary: 'green' } }}
     underlineColor="green"
/>

iyadthayyil on 28 Apr 2019

👍5

>All comments

To change inactive color you can pass underlineColor prop.
To change active color you can pass theme object with primary color.

Example:

<TextInput
     label="Text input"
     placeholder="Type something"
     value={this.state.text}
     theme={{ colors: { primary: 'green' } }}
     underlineColor="green"
/>

iyadthayyil on 28 Apr 2019

👍5

Was this page helpful?

0 / 5 - 0 ratings