当在反应本机中输入超过 6 个字符时，如何更改 textInput 文本中的字体大小？

Posted 2023-04-18

【中文标题】当在反应本机中输入超过 6 个字符时，如何更改 textInput 文本中的字体大小？

【英文标题】：how to change font size in textInput text when more then 6 char entered in react native?

【发布时间】：2018-03-07 17:13:06

【问题描述】：

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

实际字体大小为 80px，更改时应为 40 或更小

提前致谢

【参考方案1】：

您可以为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 ]
    />
  )

【讨论】：

它显示 null 不是一个对象（评估 'this.state.fontSize'）

你需要在你的构造方法中给出状态的初始值。

文本的长度应该从 0 开始？构造函数（道具） 超级（道具）； this.state = count: 0, 像这样？ @bennygenel

我不明白你的意思。请使用您当前代码的minimal reproducible example 更新您的问题

在我的示例中，我没有设置count。我正在设置fontSize