반응 네이티브에서 텍스트 입력의 텍스트 색상을 변경하는 방법은 무엇입니까?

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

이 native-base의 색상을

<TextInput style={styles.textInput} /> 

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

변경됩니다 TextInput 스타일로 color: 'green';을 추가 당신은 또한 알아서해야합니다 themeding see docs