反応ネイティブのテキスト入力のテキストの色を変更するにはどうすればよいですか？

Question

入力のプレースホルダーは緑色ですが、緑色のテキスト入力もしたいと思っています（私は、テキスト・テキストの色を黒色で表示していますが、これはUIで十分に見えません）。どうすればグリーンにすることもできますか？

Answer 1

TextInputの色を変更する場合は、の色をスタイルに追加します。以下

青とあなたのTextInput色を与える例です。

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

は、あなたのTextInputスタイルでcolor: 'green';を追加するには、またの世話をする必要があります色native-baseで

<TextInput style={styles.textInput} /> 

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

を変更しますテーマsee docs