Question

我有两个按钮，中间有一个标签。轻触按钮时，标签文本会更改，但其静态宽度似乎设置为初始文本的宽度。当文本变长时，部分文本将替换为省略号。

代码非常简单。

<StackLayout orientation="horizontal">
    <Button text="<" tap="onPreviousLevel"></Button>
    <Label id="title" text="{{ name }}"></Label>
    <Button text=">" tap="onNextLevel"></Button>
</StackLayout>

Answer 1

设置标签的水平对齐似乎使它们具有响应性（根据内容进行更改）。

在CSS中，这将是

#title {
    horizontal-align: center;
}

Answer 2

试试这个：

<Label id="title" text="{{ name }}" textwrap="true"></Label>

另一种方式，在iOS中：

var myLabel = page.getViewById("title");
myLabel.ios.numberOfLines = 2;

Answer 3

不确定在这种情况下是否合适，但是在我的情况下，荒谬地添加了“ width：auto;”。样式覆盖标签几乎可以解决问题，到目前为止，它可以防止字符串截断并在末尾添加省略号。

例如，给定的TextField输入（可能还有许多其他组件）的“ width：xx％;”接下来，根据标签的字符串长度以及组件在给定容器（例如，水平放置的StackLayout）中的剩余空间，标签将相应地拉伸或压缩。

在NativeScript中，如何使标签自动调整大小以适合内容？

3 个答案: