如何更改textInput文本中的字体大小当多于6个字符输入反应本地？

Question

我想改变，我们正为textInput输入文本的字体大小，只有当charLength多于6

实际字体大小为80px，改变它应该是40或者类似的东西不到它

时

在此先感谢

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