Nativescript 方形按钮不起作用

Question

我使用 angular 创建了一个 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;
}

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

或者是其他一些默认样式（阴影或其他东西）设置了那个小边框半径

Answer 1

您无法使用 nativescript 使按钮完美方形

Answer 2

对于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);

Nativescript 方形按钮不起作用

Nativescript squared buttons don't work

css

nativescript

angular2-nativescript