React native numberOfLines如何在react原生文本组件中工作?

React native numberOfLines如何在react原生文本组件中工作?,react-native,text,React Native,Text,正如文档所说:道具定义了文本如何被截断。在我的例子中,我想显示一个展开按钮,而不是省略号图示符,我可以通过按按钮展开文本来显示所有这些图标 所以我想弄清楚,numberOfLines在react native的文本组件中是如何工作的。然后我可以将其存档,任何人都可以提供帮助。它将在组件中显示您的内容,该组件安装在numberOfLines中 对于预期或想要执行的输出,可以使用动态numberOfLines和state 只需将状态设置为行号的变量默认值,并在按下按钮或任何其他组件时对其进行更改即可

正如文档所说:道具定义了文本如何被截断。在我的例子中,我想显示一个展开按钮,而不是省略号图示符,我可以通过按按钮展开文本来显示所有这些图标


所以我想弄清楚,
numberOfLines
在react native的文本组件中是如何工作的。然后我可以将其存档,任何人都可以提供帮助。

它将在
组件中显示您的内容,该组件安装在
numberOfLines

对于预期或想要执行的输出,可以使用动态
numberOfLines
state

只需将
状态设置为
行号
的变量默认值,并在按下按钮或任何其他组件时对其进行更改即可

this.state = {
    lineNumbers: 2
}
这表示您的numberOfLines将默认为2,一旦用户按下按钮或阅读更多内容

this.setState({lineNumbers: null})
它将显示全部内容

<Text numberOfLines={this.state.lineNumbers}>


当文本小于2行时,我不想显示展开按钮,我怎么能得到它?也就是说,我只想在文本大于2行时显示“阅读更多”按钮。因此,您必须查看此项,可能有用检查此答案查看