如何在React Native中输入文本时在文本输入中制作第二行？

Question

如果我在 textInput 中输入超过 10 个字符，我想要第二行。如果输入超过 5 个字符，我已经更改了文本的字体大小。这是工作正常。

但是如果我输入超过 11 个字符，它应该会出现在第二行

请帮我清除这个

这是我的代码...

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

Answer 1

将multiline道具设置为true. 编号不需要检查。的字符。它会自动处理编号。它可以根据宽度容纳的字符数。对我来说完全没问题->

如果您有 10 个字符的特定要求，则multiline在字符长度达到 10 后立即将值设置为 true

此处提供文档