numberOfLines如何在本地文本组件中工作？

Question

如文档所述：ellipsizemode道具定义了文本将如何被截断。就我而言，我想显示一个扩展按钮而不是省略号字形，并且我可以通过按按钮来扩展文本以显示所有文本。

所以我想弄清楚numberOfLines在react-native的Text组件中实际上是如何工作的。那么我可以将其存档，任何人都可以帮助吗？

Answer 1

它将在<Text>的{​​{1}}组件中显示您的内容。

有了您期望或想要执行的输出，您可以使用numberOfLines使用动态numberOfLines。

只需具有state的{​​{1}}变量默认值，并在按下按钮或任何其他组件时进行更改即可。

state

这表示您的numberOfLines将是默认值2，并且一旦用户按下按钮或阅读更多内容

lineNumbers

它将显示全部内容。

this.state = {
    lineNumbers: 2
}