如何更改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} ]} 
    /> 
) 
}