如何在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不起作用.在支持的属性写入本机脚本支持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是许多人所理解的东西,因此它非常依赖CSS .但这意味着,例如:

• 你可以不使用尺寸定义,例如px,em等在NativeScript大小格式(和几乎所有的移动开发)是DIP封装和你没有指定.因此你想写:border-radius: 80而不是border-radius: 80px.这不是css.
• 你不能写类似的东西-webkit-border-radius: 80px;,它只是无效.NativeScript"css"不是在WebKit浏览器中呈现,而是转换为iOS/Android可以理解的内容.