Nativescript样式限制

Nativescript样式限制,nativescript,angular2-nativescript,Nativescript,Angular2 Nativescript,我开始使用nativescript开发一个移动应用程序,一切都进行得很顺利,直到我意识到我不能自定义我想要的样式。例如,我无法将边框设置为类似边框宽度:1 0 0 1的按钮。 有没有一种方法可以扩展样式行为? 我正在考虑开始使用ionic:(从现在开始,css子集NativeScript公开版不提供每侧边框。它们在iOS上是一个需要做的PITA,好消息是核心团队知道这一点,我相信这在最近几周已经被优先考虑。因此我预计在即将发布的版本中可能会出现 综上所述,如果您有一个特定的案例,您仍然可以使用N

我开始使用nativescript开发一个移动应用程序,一切都进行得很顺利,直到我意识到我不能自定义我想要的样式。例如,我无法将边框设置为类似
边框宽度:1 0 0 1
的按钮。 有没有一种方法可以扩展样式行为?
我正在考虑开始使用ionic:(

从现在开始,css子集NativeScript公开版不提供每侧边框。它们在iOS上是一个需要做的PITA,好消息是核心团队知道这一点,我相信这在最近几周已经被优先考虑。因此我预计在即将发布的版本中可能会出现

综上所述,如果您有一个特定的案例,您仍然可以使用NativeScript实现它,但这并不像css边框样式设计那么简单。请记住,NativeScript中的css样式器映射到本机方法/属性以对本机组件进行样式设计,因此能够使用css非常棒,即使它与vas不是1-1浏览器拥有的css,每次发布都会变得更好


如果现在要进行单面边界,可以使用高度为1的stacklayout并设置背景色。因此,对于四边形对象,可以使用网格布局,在第一行和第三行放置堆栈,在中间(第二行)放置组件,然后在第一列和第三列(0和1值)放置堆栈。再说一遍,我知道这并不理想,但这只是一个限制,因为它没有在NativeScript的css子集中公开。我已经有一段时间没有检查源代码或问题以获取任何更新,但现在可能正在进行某些工作以启用此功能。希望这对您有所帮助。如果您有一些代码并需要帮助,请共享nd我可以提供更多帮助。

目前,css子集NativeScript公开版不提供每边边框。这是iOS上需要做的一件大事,好消息是核心团队知道这一点,我相信这已经在最近几周得到了优先考虑。因此,我预计在即将发布的版本中,这将成为可能

综上所述,如果您有一个特定的案例,您仍然可以使用NativeScript实现它,但这并不像css边框样式设计那么简单。请记住,NativeScript中的css样式器映射到本机方法/属性以对本机组件进行样式设计,因此能够使用css非常棒,即使它与vas不是1-1浏览器拥有的css,每次发布都会变得更好


如果现在要进行单面边界,可以使用高度为1的stacklayout并设置背景色。因此,对于四边形对象,可以使用网格布局,在第一行和第三行放置堆栈,在中间(第二行)放置组件,然后在第一列和第三列(0和1值)放置堆栈。再说一遍,我知道这并不理想,但这只是一个限制,因为它没有在NativeScript的css子集中公开。我已经有一段时间没有检查源代码或问题以获取任何更新,但现在可能正在进行某些工作以启用此功能。希望这对您有所帮助。如果您有一些代码并需要帮助,请共享nd我可以提供更多帮助。

从NativeScrtip 2.4.0版(下一版本)起,此功能将可用,这意味着您将能够使用创建边框

border-width:0 2 2 0;
border-color: red;
如果您现在想测试它(在2.4.0发布之前),请删除tns核心模块并安装@next版本

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

您还可以查看如何使用新的borders实现

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

border-width:0 2 2 0;
border-color: red;
如果您现在想测试它(在2.4.0发布之前),请删除tns核心模块并安装@next版本

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

您还可以看看新的borders实现可以做些什么

很高兴我错过了borders现在在2.4版中:)很棒的东西很高兴我错过了borders现在在2.4版中:)很棒的东西