React Native中的长标题flexbox /省略号？

Question

如果设备宽度太长，我试图让标题符合省略号，因此下面的优先级始终可以显示：

以上是它应该是什么样子。 它的标题很短，但现在看起来像这样：

我在这里设置了一个工作示例：https://rnplay.org/apps/heKkoQ

尝试一个简短的标题，你会看到它看起来是正确的，但是使用长标题，它不符合优先级。

有人可以使用有效的解决方案吗？

Answer 1

您应该将flex: 1添加到标题容器样式，将flexShrink: 1添加到标题样式。同时使用ellipsizeMode='tail'和numberOfLines={1}道具作为标题。