텍스트 입력에서 텍스트 크기를 변경하는 방법

Question

나는 우리가에서 textInput에 입력하는 텍스트의 글꼴 크기를 변경하려는 경우에만 charLength 더 후 6

그것을

을 적은 다음과 같은 40 일을해야 변경할 때 실제 폰트 크기는 80 픽셀입니다

미리 감사드립니다.

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