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>
              <Label.formattedText>
                <FormattedString>
                  <FormattedString.spans>
                    <Span text="{{ user.userData.firstName }}"fontSize="20"/>
                    <Span text="{{ user.userData.lastName }}" />
                  </FormattedString.spans>
                </FormattedString>
              </Label.formattedText>
            </Label>

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

Answer 1

您可以使用一个字符串，但使用FormattedString类进行格式化。

如何以两个标签nativescript光学居中

1 个答案: