reactjs - 在 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>

我只想“与普遍看法相反，Lorem Ipsum”出现。

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>

当达到父 View 的限制时，这将使您的文本换行，例如:

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