React Native white-space：nowrap width，用于绝对定位的Text节点

Question

在HTML / CSS中，如果您希望绝对定位的元素比其父级扩展更宽，以使其所有文本都在一行中，则可以使用空格：无包装

.parent {
  position: relative;
  width: 100px;
}
// text content of this node is wider than 100px
.child {
  position: absolute;
  white-space: nowrap;
}

子元素将生长得足够宽，以适应一行中的所有文本。使用React Native中的Text组件并不是一种方法。您必须指定固定数字宽度，或者Text组件将在父宽度处最大化。有办法吗？

Answer 1

弄清楚答案很简单。

可以使用<Text>组件的内置接口numberOfLines（而不是CSS）指定自动换行。

<Text numberOfLines={1}>Foobar</Text>

有关此文档，请参见here。