Nativescript：如何在Android上標籤內部垂直對齊文本

Question

標籤內的文本默認情況下在iOS上是垂直對齊的，但在Android中不是。如何在Android上垂直居中（我有興趣將Label放置在Label中，而不是將標籤封裝在其他任何佈局中以獲得相同的效果）？

查看我的意思是運行iOS和Android上的下一個代碼。

XML：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="onLoaded"> 
    <Label text="test" /> 
</Page> 

CSS：

Label { 
    width: 60; 
    height: 60; 
    text-align: center; 
    background-color: aquamarine; 
    border-radius: 30; 
} 

Answer 1

填充相應設置爲（寬度 - 字體大小）/ 2（粗略近似可能不同小盒其中大寫或小寫字母具有不同的中心點）

例如

Label { 
    width: 60; 
    height: 60; 
    border-radius: 30; 
    text-align:center; 
    background-color: aquamarine; 
    padding: 15; 
    font-size: 20; 
} 

或例如具有更大的尺寸：

Label { 
    width: 200; 
    height: 200; 
    border-radius: 100; 
    text-align:center; 
    background-color: aquamarine; 
    padding: 80; 
    font-size: 20; 
} 

P.S如果你換你的標籤在StackLayout你將不再需要高度

例如

<StackLayout> 
    <Label text="test" class="title"/> 
    </StackLayout> 

Label { 
    width: 200; 
    border-radius: 100; 
    text-align:center; 
    background-color: aquamarine; 
    padding: 80; 
    font-size: 20; 
} 

Answer 2

您可以本地啓用它，代碼：

myLabel.android.setGravity(17) 

17是Gravity.CENTER常數（https://developer.android.com/reference/android/view/Gravity.html#CENTER）