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

Question

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

查看底部标签：“在此处注册”：

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

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

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

但现在看看会发生什么：

宽度没有调整为更长的文本，而是放在...最后。

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

所以我这样做了：

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

所以最初是：

万岁——

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

问题：

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

---

附加信息 ：

该标签及其堆栈布局的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

答案是：

.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>

Answer 2

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