我开始使用nativescript开发移动应用程序,一切进展顺利,直到我意识到我无法按照自己的意愿自定义样式。例如,我无法将边框设置为border-width: 1 0 0 1
之类的按钮。
有一种方法可以扩展样式行为吗?
我正在考虑开始使用ionic :(
答案 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子集中。我暂时没有检查过任何更新的来源或问题,但现在正在开展一些工作以启用此功能。希望这会有所帮助。如果您有一些代码需要帮助,请分享,我可以提供更多帮助。