在NativeScript中,如何使标签自动调整大小以适应内容?

在NativeScript中,如何使标签自动调整大小以适应内容?,nativescript,Nativescript,我有两个按钮,中间有一个标签。点击按钮时,标签文本会发生变化,但其静态宽度似乎设置为初始文本的宽度。当文本变长时,部分文本将替换为省略号 代码非常简单 <StackLayout orientation="horizontal"> <Button text="<" tap="onPreviousLevel"></Button> <Label id="title" text="{{ name }}"></Label>

我有两个按钮,中间有一个标签。点击按钮时,标签文本会发生变化,但其静态宽度似乎设置为初始文本的宽度。当文本变长时,部分文本将替换为省略号

代码非常简单

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

设置标签的水平对齐似乎可以使其响应(根据内容进行更改)

在CSS中,这将是

#title {
    horizontal-align: center;
}
试试这个:

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

不确定在这种情况下是否合适,但在我的例子中,可笑地在标签上添加了一个“width:auto;”样式替代几乎成功了,到目前为止,它阻止了字符串截断并在末尾获得省略号

例如,标签旁边带有“宽度:xx%;”的给定文本字段输入(可能还有许多其他组件)将相应地拉伸或压缩,具体取决于标签的字符串长度以及组件在给定容器中的剩余空间,如水平方向的StackLayout

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