堆栈跨越垂直内部按钮

Question

以下代码在nativescript中创建一个按钮，其中包含一个图标，后跟一些文本。我想要按钮来叠加两个跨度，使图标在按钮的顶行水平居中，文本在图标下方水平居中。

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

我希望结果看起来像下图中的人物详细信息按钮：

我尝试过使用StackLayout，但你无法将其嵌入按钮内。另外我在另一个堆栈中读到你无法将一个css类附加到Nativescript范围。我会走错路吗？也许我应该使用带有嵌套标签的StackLayout，并将一个（tap）事件放到堆栈上，使其像按钮一样工作？

Answer 1

我通过使用标签而不是按钮来实现此UI，并且还使用带有文本的font-awesome图标。这是代码：

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