Css React Native-如何为嵌套文本元素设置numberOfLines？_Css_Reactjs_React Native

Css React Native-如何为嵌套文本元素设置numberOfLines？

css reactjs react-native

Css React Native-如何为嵌套文本元素设置numberOfLines？,css,reactjs,react-native,Css,Reactjs,React Native,有两个组件，我希望实现与Facebook Messenger中使用的结果类似的结果-显示与发送此消息的日期连接的消息内容，但如果消息长度超过两行，则截断其内容以适合日期：例如，我尝试过： <Text numberOfLines={2}> <Text>{lastConversationMessageText}</Text> <Text>{lastConversationMessageDate}</Text> </Text&

有两个组件，我希望实现与Facebook Messenger中使用的结果类似的结果-显示与发送此消息的日期连接的消息内容，但如果消息长度超过两行，则截断其内容以适合日期：

例如，我尝试过：

<Text numberOfLines={2}>
  <Text>{lastConversationMessageText}</Text>
  <Text>{lastConversationMessageDate}</Text>
</Text>

When lastConversationMessageText = "Lorem ipsum dolor sit"
|Lorem ipsum dolor sit|
|amet - 10:30 AM      |

When lastConversationMessageText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
|Lorem ipsum dolor sit|
|amet, c... - 10:30 AM|