Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Textinput change color inside box not working #3381

Closed
vinothmoorthkumar opened this issue Sep 22, 2022 · 11 comments
Closed

Textinput change color inside box not working #3381

vinothmoorthkumar opened this issue Sep 22, 2022 · 11 comments

Comments

@vinothmoorthkumar
Copy link

Hi,

Here I m try to change color of text inside textinput box. I m passing color in theme as props still is not working.

<TextInput theme={{ colors: { text: "white"}}} label="data" value={value} />

Help me please

@github-actions
Copy link

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

@github-actions
Copy link

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.

@vinothmoorthkumar
Copy link
Author

I using "react-native-paper": "^5.0.0-rc.6"

@dakshbhardwaj
Copy link
Contributor

dakshbhardwaj commented Sep 28, 2022

@vinothmoorthkumar can you please provide the repro steps on snack.expo.dev?

@GubanovIgor
Copy link

@vinothmoorthkumar, I have the same issue. Did you solve the problem?

@cyhnkckali
Copy link

I also have the problem. V5.0.0-rc.6

@lukewalczak
Copy link
Member

In v5, since there are new theme colors, you have to override the following colors:

  • flat input - onSurfaceVariant
  • outlined input - onSurface

@cyhnkckali
Copy link

Thanks Luke, so how ?
@lukewalczak

@lukewalczak
Copy link
Member

<TextInput theme={{ colors: { onSurface: "white"}}} mode="outlined" />

@cyhnkckali
Copy link

Thanks Luke, It worked =)
@lukewalczak

@vinothmoorthkumar
Copy link
Author

@lukewalczak Thank you,

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants