反应本机Textinput NumberOfLines属性问题

时间:2020-05-08 06:37:08

标签: react-native

版本 “反应”:“ 16.11.0”, “ react-native”:“ 0.62.2”,

https://reactnative.dev/docs/textinput#numberoflines

如果您查看React Native文档,则此功能可用。

这是我的代码

enter image description here

但是不起作用

enter image description here

如何限制行数?

1 个答案:

答案 0 :(得分:2)

也许该属性未设置最大行数,但这是另一种选择

// set the max lines

const MAX_LINES = 3


// method to handle the text change
onTextFieldChange = (text) => {
   if (  text.split(/\r\n|\r|\n/).length <= MAX_LINES ) 
   {
      this.setState({text});
   }
}


// on your textInput
<TextInput
   // properties...
   onTextChange={this.onTextInputChange}
/>