Cómo cambiar el estilo de TextInput marcador de posición en React Native?

Mejorando la respuesta de Daniel para una solución más genérica

 class TextInput2 extends Component { constructor(props) { super(props); this.state = { placeholder: props.text.length == 0 } this.handleChange = this.handleChange.bind(this); } handleChange(ev) { this.setState({ placeholder: ev.nativeEvent.text.length == 0 }); this.props.onChange && this.props.onChange(ev); } render() { const { placeholderStyle, style, onChange, ...rest } = this.props; return <TextInput {...rest} onChange={this.handleChange} style={this.state.placeholder ? [style, placeholderStyle] : style} /> } } 

Uso:

 <TextInput2 text={this.state.myText} style={{ fontFamily: "MyFont" }} placeholderStyle={{ fontFamily: "AnotherFont", borderColor: 'red' }} /> 

Puede crear esta funcionalidad usted mismo. El marcador de posición se muestra cuando la entrada está vacía, por lo que puede comprobar su estado y cambiar el fontStyle en consecuencia:

 <TextInput onChange={txt => this.setState({enteredText: txt})} fontStyle={this.state.enteredText.length == 0 ? 'italic' : 'normal'} style={style.input} /> 

Por alguna razón esto no parece funcionar con fontFamily = System. Así que usted tiene que especificar explícitamente el fontFamily.

Contenido y placeHolder de TextInput utilizan un estilo común, por lo que puede establecer fontWeight y fontSize para placeHolder. Por otro lado, puede establecer la propiedad placeholderTextColor para TextInput