comment changer la taille de la police dans le texteEntrez le texte quand plus de 6 caractères sont entrés en réaction native?

Question

Je veux changer la taille de police du texte que nous entrons dans dans textInput que lorsque le CharLength plus de 6.

la taille de police réelle est 80px, lors d'un changement, il devrait être 40 ou quelque chose comme moins il

merci à l'avance

Answer 1

Vous pouvez donner du style conditionnel à la composante TextInput.

Exemple

_onChangeText(text) { 
    this.setState({ fontSize: (text.lenght > 6 ? 40 : 80) }); 
} 

render() { 
    return (
    // Giving an array of objects to style property can help you to define a default value 
    <TextInput 
     onChangeText={this._onChangeText.bind(this)} 
     style={[ {fontSize: 80}, {fontSize: this.state.fontSize} ]} 
    /> 
) 
}