Nativescript方形按钮不起作用

时间:2017-09-06 08:55:38

标签: css nativescript angular2-nativescript

我创建了一个带有角度的nativescript应用程序,其中我有一些自定义样式的按钮,但我无法创建它们真正的平方。

我的css是:

Button {
    font-size: 13;
    color: #fff;
    padding: 20;
    text-transform: uppercase;
    background-color: #3c3d37;
    font-family: 'Oswald';
    letter-spacing: .2;
    border-radius: 0;
}
Button:highlighted {
    background-color: #494a43;
}

enter image description here

在该图像中,您可以看到一个小的边界半径,但为什么?如果我设置border-radius: 10;,它可以工作,我会得到圆形边框,但似乎有一个最小边界半径> 0

或者是其他默认样式(阴影或其他东西)设置的那个小边框半径

2 个答案:

答案 0 :(得分:0)

你无法使用nativescript

完美地平衡按钮

答案 1 :(得分:0)

对于Android ,您可以通过NativeScript(而不是“ with Nativescript”)代替视图的backgroundDrawable来实现:

var radius = myView.borderRadius.value; // this works only with px unit
var color = myView.backgroundColor.android;

var backgroundDrawable = new android.graphics.drawable.GradientDrawable();
backgroundDrawable.setShape(android.graphics.drawable.GradientDrawable.RECTANGLE);
backgroundDrawable.setCornerRadius(radius);
backgroundDrawable.setColor(color);

myView.nativeView.setBackground(backgroundDrawable);