borderColor和borderRadius样式不应用于StackLayout

Question

我想创建一个围绕StackLayout的边界半径和边框颜色，但由于某种原因样式没有得到应用......我使用Nativescript核心 - 轻的主题，不知道是否可以重写我的内联样式？任何想法我做错了什么？

我的代码：

 <StackLayout borderRadius="5px" borderColor="blue">   
      <Label class="body" [text]="'Description: ' + product.Description"></Label> 
      <Label class="body" [text]="'POS Description: ' + product.POSDescription"></Label> 
      <Label class="body" [text]="'POS price: R' + product.POSPrice"></Label> 
      <Label class="body" [text]="'Stock On Hand: ' + product.StockOnHand"></Label> 
     </StackLayout> 

Answer 1

您需要设定明确边框宽度，你的代码将工作。 例如

<StackLayout borderRadius borderWidth="2" borderRadius="15" borderColor="blue"> 

请注意，我用的移民（设备独立像素），而不是PX其在移动领域与不同的屏幕密度和分辨率应该是更好的办法。

您也可以使用CSS代表您的边框

.borders { 
    border-width: 2; 
    border-color: red; 
    border-radius: 20; 
}