在NativeScript中，如何使標籤自動調整大小以適應內容？

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;