堆栈在按钮内垂直跨越答案

【问题标题】：Stack Spans Vertically Inside Button堆栈在按钮内垂直跨越
【发布时间】：2017-05-01 23:56:30
【问题描述】：

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

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

我希望结果类似于下图中的人员详细信息按钮：

我尝试过使用 StackLayout，但您不能将它嵌套在按钮内。此外，我在另一个堆栈中读到，您无法将 css 类附加到 Nativescript 跨度。我会走错路吗？也许我应该使用带有嵌套标签的 StackLayout 并将 (tap) 事件放在堆栈上以使其像按钮一样？

【问题讨论】：

标签： css nativescript angular2-nativescript

【解决方案1】：

我已经通过使用标签而不是按钮来实现这个用户界面，并且还使用带有文本的字体真棒图标。这是代码：

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

【讨论】：