2017-05-04 82 views
0

我想創建一個圍繞StackLayout的邊界半徑和邊框顏色,但由於某種原因樣式沒有得到應用......我使用Nativescript核心 - 輕的主題,不知道是否可以重寫我的內聯樣式?任何想法我做錯了什麼?borderColor和borderRadius樣式不應用於StackLayout

我的代碼:

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

回答

0

您需要設定明確邊框寬度,你的代碼將工作。 例如

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

請注意,我用的移民(設備獨立像素),而不是PX其在移動領域與不同的屏幕密度和分辨率應該是更好的辦法。

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

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