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 - NativeBase components not taking up full width on iOS

In the iOS version of my react native app built with NativeBase, everything is too skinny, unless a specific width is given. See images below. I have given the header and footer a width of 100% so it is fine, but …

Read More
Radio buttons are not working in Native-Base

I am using Native-Base. I need to use radio buttons, but they don't work. When you click nothing happens. Here is the code. import React, { Component } from 'react'; import { Container, Header, Content, ListItem, Text, Radio, Right } from 'native-base'; export default …

Read More