以下代码在nativescript中创建一个按钮,其中包含一个图标,后跟一些文本。我希望按钮将两个跨度堆叠在一起,以使图标在按钮的顶行中水平居中,而文本在图标下方水平居中。

<Button>
  <FormattedString>
    <Span fontFamily="IcoMoon-Free" text="{{userPlusIcon}}"></Span>
    <Span text="Create New Account"></Span>
  </FormattedString>
</Button>


我希望结果看起来像下图中的“人物详细信息”按钮:
css - 在按钮内部垂直堆叠跨度-LMLPHP

我尝试过使用StackLayout,但是您不能将其嵌套在按钮内。另外,我在另一个堆栈中读到,您无法将CSS类附加到Nativescript范围。我要走这种错误的方式吗?也许我应该使用带有嵌套标签的StackLayout,然后将(tap)事件放到堆栈上以使其像按钮一样起作用?

最佳答案

我已经通过使用标签而不是按钮以及在文本中使用了超棒的图标来实现了这个UI,下面是代码:

<Label row="1" col="0"i[![d="home" text="&#xf015;" (tap)="onChange(0)">
    </Label>


css - 在按钮内部垂直堆叠跨度-LMLPHP

09-10 10:49
查看更多