Comment changer la couleur du texte d'entrée de texte dans réagissent natif?

Question

L'espace réservé de l'entrée est vert mais je souhaite également que le texte vert soit saisi (lorsque je tape le texte, la couleur du texte indique un noir qui n'est pas assez visible dans mon interface utilisateur). Comment puis-je le rendre vert aussi?

Answer 1

Si vous souhaitez modifier la couleur TextInput, ajoutez un couleur dans les styles.

ci-dessous est l'exemple que vous donnez la couleur TextInput en bleu:

export default class UselessTextInput extends Component { 
    constructor(props) { 
    super(props); 
    this.state = { text: 'Useless Placeholder' }; 
    } 

    render() { 
    return (
     <TextInput 
     style= 
     {{ 
      height: 40, borderColor: 'gray', borderWidth: 1, color : "blue" 
     }} 
     onChangeText={(text) => this.setState({text})} 
     value={this.state.text} 
     /> 
    ); 
    } 
} 

Answer 2

ajouter color: 'green'; dans votre style TextInput changera la couleur

<TextInput style={styles.textInput} /> 

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

en native-base vous aurez besoin de prendre soin aussi theming see docs