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

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.