Categories
JavaScript Answers React Native Answers

How to change the text color of text input in React Native?

Spread the love

Sometimes, we want to change the text color of text input in React Native.

In this article, we’ll look at how to change the text color of text input in React Native.

How to change the text color of text input in React Native?

To change the text color of text input in React Native, we can set the color style to the text color.

For instance, we write:

import * as React from 'react';
import { View, TextInput } from 'react-native';

export default function App() {
  return (
    <View>
      <TextInput style={{ color: 'green' }} />
    </View>
  );
}

to set the color style to 'green' on the TextInput.

Therefore, we see that the color of the text we typed into the TextInput is green.

Conclusion

To change the text color of text input in React Native, we can set the color style to the text color.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *