【问题标题】:React Native Textinput NumberOfLines property issueReact Native Textinput NumberOfLines 属性问题
【发布时间】:2020-05-08 15:03:19
【问题描述】:

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

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

如果你查看 React Native 文档,这个功能是可用的。

这是我的代码

但是,不起作用

如何限制行数?

【问题讨论】:

    标签: react-native


    【解决方案1】:

    也许该属性没有设置最大行数,但这里有一个替代方法

    // 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}
    />
    

    【讨论】:

    • 这个答案有效。谢谢你。你知道为什么 numberOfLines 不起作用吗?
    • @KimHanSol 属性 numberOfLines 设置文本输入的初始高度。它不限制行数
    猜你喜欢
    • 2016-06-26
    • 1970-01-01
    • 2018-09-11
    • 1970-01-01
    • 2023-02-25
    • 1970-01-01
    • 2021-03-29
    • 2020-03-12
    • 1970-01-01
    相关资源
    最近更新 更多