Nativescript样式限制

时间:2016-10-21 00:32:46

标签: nativescript angular2-nativescript

我开始使用nativescript开发移动应用程序,一切进展顺利,直到我意识到我无法按照自己的意愿自定义样式。例如,我无法将边框设置为border-width: 1 0 0 1之类的按钮。 有一种方法可以扩展样式行为吗? 我正在考虑开始使用ionic :(

2 个答案:

答案 0 :(得分:4)

从NativeScrtip版本2.4.0(下一版本)开始,此功能将可用,这意味着您将能够使用

创建边框
border-width:0 2 2 0;
border-color: red;

如果您想立即测试(在2.4.0发布之前),请删除tns-core-modules并安装@next版本。

tns plugin remove tns-core-modules
tns plugin add tns-core-modules@next

您还可以查看at this issue,看看您可以使用新边框实施做什么

答案 1 :(得分:2)

截至目前,每侧边框都不适用于NativeScript公开的css子集。他们是iOS上的PITA,好消息是核心团队知道这一点,我相信它在最近几周被优先考虑。所以我希望在即将发布的版本中有可能。

尽管如此,如果你有一个特定的案例,你仍然可以使用NativeScript实现它,但它并不像css边框样式那么容易。请记住,NativeScript中的css样式器被映射到本机方法/属性以设置本机组件的样式,因此即使它不具有浏览器拥有的巨大css的1-1,它也能够使用css很棒,它每次发布都会变得更好

如果您想立即执行每边边框,可以使用高度为1的stacklayout并设置背景颜色。因此,对于4面对象,您将使用网格布局并在第一行和第三行上放置堆栈,将组件放在中间(第二)行上,然后在第一列和第3列上放置堆栈(0和1值)。同样,我知道它并不理想,但它现在只是一个限制,因为它没有暴露在NativeScript的css子集中。我暂时没有检查过任何更新的来源或问题,但现在正在开展一些工作以启用此功能。希望这会有所帮助。如果您有一些代码需要帮助,请分享,我可以提供更多帮助。