borderColor 和 borderRadius 样式未应用于 StackLayout

Question

我正在尝试在 StackLayout 周围创建边框半径和边框颜色，但由于某些原因，样式没有得到应用...我正在使用 Nativescript core-light 主题，不确定是否可以覆盖我的内联样式？知道我做错了什么吗？

我的代码：

        <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

您需要明确设置 borderWidth，您的代码才能正常工作。例如

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

请注意，我使用的是 DPs（设备独立像素）而不是 px，后者在具有不同屏幕密度和分辨率的移动世界中应该是更好的方法。

您也可以使用 CSS 作为边框例如

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

borderColor 和 borderRadius 样式未应用于 StackLayout

borderColor and borderRadius styles not being applied to a StackLayout

nativescript

angular2-nativescript