css - 用 React Native 模拟内联 block

Question

有谁知道如何用 React Native 模拟 display: inline-block？

基本上我想在创建的样式中添加一个 display: inline-block。

例子:

我的目的是避免在前面的消息太长时将上面的“3 天前”分成两行。

谢谢!

[编辑]所以这是我的 React Native 代码:

<View style={styles.contentContainer}>
    <Text>
        <Text style={styles.content}>{notification.content}</Text>
        <Text style={styles.created}>   {moment(notification.created, "YYYY-MM-DD[T]hh:mm:ss").subtract(n, 'hours').fromNow()}</Text>
    </Text>
</View>

这里是相应的相关CSS:

contentContainer: {
    flex: 1,
},
content: {
    textAlign: 'left',
    fontSize: 14,
},
created: {
    textAlign: 'left',
    fontSize: 10,
    color: '#777777',
},

Answer 1

主要变化是将flexWrap: 'nowrap' 添加到created 样式。

工作示例:https://rnplay.org/apps/RgpZ5w