How to change the text color of text input in react native?

react-native react-native-android react-native-ios native-base
Syuzanna picture Syuzanna · Sep 9, 2017 · Viewed 53.3k times · Source

The placeholder of the input is green but I want also make the green text input (when I am typing the text text color shows black which is not visible enough in my UI). How can I make it Green as well?

Answer

Mohamed Khalil picture Mohamed Khalil · Sep 9, 2017

add color: 'green'; in your TextInput style will change the color

<TextInput style={styles.textInput} />

const styles = StyleSheet.create({
 textInput: {
  color: 'green',
 },
});`

in native-base you will need to take care also of theming see docs

Related questions

ios keyboard covers the input which is located in the bottom of the screen

ios keyboard covers the input which is located at the bottom of the screen. How can this trouble be solved? here is the code. <Content style={styles.content}> <Form> <Item style={{borderBottomColor:'#42e8f4…

Read More
React Native version mismatch

Getting the following message when I init a new project and then launch the Xcode emulator: React-Native Version Mismatch Javascript Version 0.50.1 Native version: 0.50.0 Make sure you have rebuilt the native code. ... Does anyone know what is going on here and …

Read More
How do I make text bold, italic, or underline in React Native?

Surprisingly there isn't one question that groups these all together yet on Stack Overflow; there hasn't been an answer on SO for italics or underline, in fact, only this question for bold. I self-answered this quesiton below.

Read More