如何光学居中两个标签 nativescript

Question

我在这样的网格布局中有两个标签

<GridLayout columns="*, *" rows="auto, auto" row="1" >

            <Label col="0" text="{{ user.userData.firstName }}"  style="text-align: right;"/>
            <Label col="1" text="{{ user.userData.lastName }}"  style="text-align: left;"/>
            <Label text="&#xf040;" class="fontAwesome"/>             
 </GridLayout>

我想使用户名和姓氏居中属性。现在文本与单词之间的中心对齐。我希望无论名字或姓氏的长度如何，中心都是实际的中心。

我将这两个字段分开，因为我需要分别设置它们的样式。一个指向一个标签但名字和第二个名字被赋予不同样式的答案也很酷，因为我也无法想象如何做到这一点。

编辑：

<Label>
              <Label.formattedText>
                <FormattedString>
                  <FormattedString.spans>
                    <Span text="{{ user.userData.firstName }}"fontSize="20"/>
                    <Span text="{{ user.userData.lastName }}" />
                  </FormattedString.spans>
                </FormattedString>
              </Label.formattedText>
            </Label>

我根据建议制作了格式化字符串。必须手动添加属性，而不是使用 css class.

Answer 1

您可以拥有一个字符串，但使用 FormattedString class.

对其进行不同的格式化

如何光学居中两个标签 nativescript

How to optically center two labels nativescript

layout

nativescript