如何在Native Script中将border-radius设置为按钮？

Question

我有一个按钮：

<Button text="TodoSomething" cssClass="button" tap="signIn"/>

platform.android.css

.button{
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;}

但是border-radius不起作用。在Supported Properties处写了Native Script支持border-radius

Answer 1

<Button cssClass="myclass" />

.myclass {
  border-radius: 80;
}

是这样做的。但请注意，目前存在一个错误，使得radius在某些设备上无法正常工作。请参阅：https://github.com/NativeScript/NativeScript/issues/830

圆形按钮示例：https://github.com/NativeScript/NativeScript/blob/master/apps/ui-tests-app/image-view/rounded-buttons.xml

同时

在你的例子中，你正在编写CSS。用于设置NativeScript应用程序样式的语言是不是 CSS，而是它自己的语言。但是，由于CSS是很多人都理解的东西，因此很大程度上借用了非常。但这意味着，例如：

• 您可以不使用大小定义，例如px，em等.AngelScript中的大小格式（以及几乎所有移动开发）都是{{3}并且你没有指定。因此，您想要写：border-radius: 80而不是border-radius: 80px。这不是css。
• 你不能写-webkit-border-radius: 80px;这样的东西，它只是无效。 NativeScript“css”不是在WebKit浏览器中呈现，而是转换为iOS / Android理解的内容。