我有一个按钮:
<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
<Button cssClass="myclass" />
.myclass {
border-radius: 80;
}
是这样做的方法。但是,请注意,当前存在一个错误,使半径在某些设备上不起作用。参见: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
等在NativeScript大小格式(和几乎所有的移动开发)是DIP封装和你没有指定。因此,您想写:border-radius: 80
而不是border-radius: 80px
。这不是css。-webkit-border-radius: 80px;
这样的东西,这完全是无效的。NativeScript“ css”不在WebKit浏览器中呈现,而是转换为iOS / Android可以理解的格式。本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句