【发布时间】：2017-01-09 10:29:05
【问题描述】：
如果标题对于设备宽度来说太长，我会尝试使用省略号，因此下面的红色优先级始终可以始终显示：
以上是它的样子。 它适用于短标题，但现在看起来像这样：
我在这里设置了一个工作示例：https://rnplay.org/apps/heKkoQ
尝试短标题，你会发现它看起来正确，但长标题，它不适合优先级。
有人可以提出可行的解决方案吗？
【问题讨论】：
标签： react-native flexbox
【发布时间】：2017-01-09 10:29:05
【问题描述】：
您应该将flex: 1 添加到标题容器样式并将flexShrink: 1 添加到标题样式。还可以使用 ellipsizeMode='tail' 和 numberOfLines={1} 属性作为标题。
【讨论】：
-
感谢您的参与！这非常适合长标题，但问题是如果你把标题写短，你会看到标题和分隔符/时间之间有一个巨大的空白。理想情况下，它应该适用于短/长两种标题。
-
然后使用
flexShrink代替flex作为标题。