如何在 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

在您的示例中，您正在编写 CSS。设计 NativeScript 应用程序样式的语言不是 CSS 而是它自己的语言。然而，由于 CSS 是很多人都理解的东西，所以它从中大量借鉴了。但这意味着例如：

您可以不使用px、em等大小定义。NativeScript（以及几乎所有移动开发）中的大小格式是 DIPs 而您没有指定它。因此你要写：border-radius: 80 而不是 border-radius: 80px。这不是 css.
你不能写像-webkit-border-radius: 80px;这样的东西，那是无效的。 NativeScript "css" 不在 WebKit 浏览器中呈现，而是转换成 iOS/Android 可以理解的内容。

How to set border-radius to button in Native Script?