React-native-paper: Customize TextInput underline color and height

Created on 10 Sep 2020  路  7Comments  路  Source: callstack/react-native-paper

I am using flat textInput. is there any way to change width of text input underline?
using "react-native-paper": "^4.1.0",

Stale

Most helpful comment

For me underlineColor works but it uses the primary color when focused, correct? Maybe there should be an underlineColorFocused or something like that.

All 7 comments

Couldn't find version numbers for the following packages in the issue:

  • react-native
  • react-native-paper
  • react-native-vector-icons

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

Couldn't find version numbers for the following packages in the issue:

  • react-native
  • react-native-vector-icons

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

It does not look like it is customizable at the moment: TextInputFlat. The Underline component styles are static and the height is set to 2

_P.S. Maybe change the issue title to "Customize TextInput underline height" (title mentions color right now...)_

According to the documentation the prop "underlineColor" exists, however it does not have any effect - at least not on Android.

I tried with "underlineColorAndroid" aswell, also no result.

It would be great to get this working :)

For me underlineColor works but it uses the primary color when focused, correct? Maybe there should be an underlineColorFocused or something like that.

The color problem is fixed in #1797

Hello 馃憢, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

knobandre picture knobandre  路  4Comments

sm2017 picture sm2017  路  4Comments

sritharanpalani picture sritharanpalani  路  4Comments

timothystewart6 picture timothystewart6  路  4Comments

yaronlevi picture yaronlevi  路  3Comments