如何对NativeScript UI中的元素进行分组？

如何在块中对元素进行分组

<Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label>
<Label class="sidedrawer-header-brand" text="User Name"></Label>
<Label class="footnote" text="username@mail.com"></Label>

我需要做一些事情，比如：

<div class="inline">
    <Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label>
    <Label class="sidedrawer-header-brand" text="User Name"></Label>
    <Label class="footnote" text="username@mail.com"></Label>
</div>
<div class="inline">
    <Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label>
    <Label class="sidedrawer-header-brand" text="User Name"></Label>
    <Label class="footnote" text="username@mail.com"></Label>
</div>
<div class="inline">
    <Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label>
    <Label class="sidedrawer-header-brand" text="User Name"></Label>
    <Label class="footnote" text="username@mail.com"></Label>
</div>

其中是内联块

将div替换为StackLayout，并将方向设置为水平

可能重复的

<StackLayout orientation="vertical">
    <StackLayout orientation="horizontal">
        <Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label>
        <Label class="sidedrawer-header-brand" text="User Name"></Label>
        <Label class="footnote" text="username@mail.com"></Label>
    </StackLayout>

    <StackLayout orientation="horizontal">
        <Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label>
        <Label class="sidedrawer-header-brand" text="User Name 1"></Label>
        <Label class="footnote" text="username@mail.com"></Label>
    </StackLayout>

    <StackLayout orientation="horizontal">
        <Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label>
        <Label class="sidedrawer-header-brand" text="User Name"></Label>
        <Label class="footnote" text="username2@mail.com"></Label>
    </StackLayout>
</StackLayout>

<GridLayout columns="*, *, *" rows="*, *, *" width="400" height="400"
    backgroundColor="lightgray">
    <Label class="sidedrawer-header-image fa" text="&#xf2bd;" row="0"
        col="0"></Label>
    <Label class="sidedrawer-header-brand" text="User Name" row="0"
        col="1"></Label>
    <Label class="footnote" text="username@mail.com" row="0" col="2"></Label>

    <Label class="sidedrawer-header-image fa" text="&#xf2bd;" row="1"
        col="0"></Label>
    <Label class="sidedrawer-header-brand" text="User Name" row="1"
        col="1"></Label>
    <Label class="footnote" text="username@mail.com" row="1" col="2"></Label>

    <Label class="sidedrawer-header-image fa" text="&#xf2bd;" row="2"
        col="0"></Label>
    <Label class="sidedrawer-header-brand" text="User Name" row="2"
        col="1"></Label>
    <Label class="footnote" text="username@mail.com" row="2" col="2"></Label>
</GridLayout>