React native 当react native中输入的字符数超过6个时，如何更改文本输入文本中的字体大小？

我只想在字符长度大于6时更改我们在textInput中输入的文本的字体大小

实际的字体大小是80px，当改变它时，应该是40或更小

---

提前感谢

您可以为

TextInput

组件提供条件样式

示例

_onChangeText(text) {
  this.setState({ fontSize: text.length > 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} ]}
    />
  )
}

\onChangeText（文本）{
this.setState（{fontSize:text.length>6-40:80}）；
}
render（）{
返回(
//为style属性提供一个对象数组可以帮助您定义一个--default值
)
}

您可以为

TextInput

组件提供条件样式

示例

_onChangeText(text) {
  this.setState({ fontSize: text.length > 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} ]}
    />
  )
}

\onChangeText（文本）{
this.setState（{fontSize:text.length>6-40:80}）；
}
render（）{
返回(
//为style属性提供一个对象数组可以帮助您定义一个--default值
)
}

它不是一个对象（计算'this.state.fontSize'）您需要在构造函数方法中给出状态的初始值。文本的长度应该从0开始？构造函数（props）{super（props）；this.state={count:0，}}像这样吗@本尼基尼不明白你的意思。请用您当前的代码更新您的问题在我的示例中，我没有设置

count

。我正在设置

fontSize

它显示null不是对象（评估'this.state.fontSize'）您需要在构造函数方法中给出状态的初始值。文本的长度应该从0开始？构造函数（props）{super（props）；this.state={count:0，}}像这样吗@本尼基尼不明白你的意思。请用您当前的代码更新您的问题在我的示例中，我没有设置

count

。我正在设置

fontSize