Nativescript 的标签 - 不根据新值更新其宽度？

Question

我正面临一个奇怪的宽度 problem.I 我正在使用 Nativescript 文档中的 Groceries 示例应用程序。

查看底部标签："sign up here"：

我们确实看到了所有内容。

现在 - 如果用户单击该标签 - 则会出现一个新文本：

     <Label width="auto" [text]="isLoggingIn ? 'Sign up here' : 'Back to login'"  ></Label>

但现在看看会发生什么：

没有调整宽度以适应较长的文本，而是将 ... 放在末尾。

所以我做了一个实验：如果最初的文本足够长怎么办？

所以我这样做了：

 <Label width="auto" [text]="isLoggingIn ? 'Sign up here22222' : 'Back to login'"  ></Label>

所以最初是：

万岁 -

我看到了所有内容。 - 但这是一个丑陋的 hack。

问题：

如何设置标签宽度以自动显示所有内容而不裁剪？

附加信息：

Css 该标签及其堆栈布局：

.sign-up-stack {
    background-color: #311217;
}
.sign-up-stack Label {
    color: white;
    horizontal-align: center;
    font-size: 15;
    border-radius:10;
     border-color:#FF0000;
    border-width: 1;

}

Answer 1

您可以尝试将 textWrap="true" 添加到该标签吗？

Answer 2

答案是：

.sign-up-stack Label {
    ...
    width: 100%;
    text-align: center;
}

并且：

<StackLayout #signUpStack
                     class="sign-up-stack"
                     (tap)="toggleDisplay()"
                     translateY="50">
            <Label [text]="isLoggingIn ? 'Sign up here' : ' Back to login'"       ></Label>
        </StackLayout>

Nativescript 的标签 - 不根据新值更新其宽度？

Nativescript's Label - doesn't update its width according to a new value?

android

nativescript

angular

stacklayout