textInputテキストのフォントサイズを変更するには、6文字以上入力する必要があります。

Question

私はcharLengthより、その後6

実際のフォントサイズを変更するとき、それは40またはそれ

少ないし、のようなものである必要があり、80pxである場合にのみ、我々はにtextInputに入力しているテキストのフォントサイズを変更したいです

事前

Answer 1

でのおかげであなたはTextInputコンポーネントに条件付きスタイルを与えることができます。

例

_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} ]} 
    /> 
) 
}