在React Native中仅显示文本的第一行

Question

我如何只显示第一行文字？如果我有这样的事情：

<View> 
  <Text>
    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, 
  </Text>
</View>

我只想显示“与流行的看法相反，洛雷姆·伊普森”。

Answer 1

您可以使用道具numberOfLines来限制文本的溢出：

<Text numberOfLines={1}>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, 
</Text>

当达到父视图的限制时，这将包装您的文本，例如：

 Contrary to popular belief, Lorem Ipsum is not...