将multiline属性设置为true。不需要检查字符数。它会根据宽度自动处理它可以容纳的字符数。对我来说完全可以-〉x1c 0d1x
如果您有10个字符的特定要求，则在字符长度达到10时立即将multiline的值设置为true
此处提供的文档

你可以做这样的事情

state = {
  fontSize: 80,
  inputValue: ''
}

onChangeText(event) {
  this.setState({
    fontSize: event.nativeEvent.text.length > 6 ? 40 : 80,
    inputValue: event.nativeEvent.text
  });
}

render() {
return (
  < TextInput
    multiline
    onChange={(event) =>
      this.onChangeText(event)
    }
    onContentSizeChange={(event) => {
      this.setState({ height: event.nativeEvent.contentSize.height })
    }}
    value={this.state.inputValue}
    style={{ fontSize: this.state.fontSize, height: Math.max(35, 
    this.state.height) }}
  />
    )
  }
}

设置多行并处理文本输入的高度

使用multiline（boolean）属性检测何时需要显示多行。

_onChangeText(text) {
  const areCharsExceeded = text.length > 10;

  this.setState({ areCharsExceeded });
}

 <TextInput
  multiline={this.state.areCharsExceeded}
  onChangeText={this._onChangeText.bind(this)}
/>

<! -- use multiline to able the effect, multilive is a boolean and by default is false -->

<TextInput
    placeholder="broke line"
    multiline
/>

<! -- if you set a fixed height then multiline will not work, to fix this issue use min-height instead of height-->