Стили borderColor и borderRadius не применяются к StackLayout

Я пытаюсь создать радиус границы и цвет границы вокруг 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>

nativescript angular2-nativescript
person user2094257    schedule 04.05.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вам нужно явно установить borderWidth, и ваш код будет работать. например

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

Обратите внимание, что я использую DP (независимые от устройства пиксели) вместо px, что в мобильном мире с различной плотностью экрана и разрешением должно быть лучшим подходом.

Вы также можете использовать CSS для своих границ, например.

.borders {
    border-width: 2;
    border-color: red;
    border-radius: 20;
}
person Nick Iliev    schedule 05.05.2017