首页 文章

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

提问于
浏览
0

我在网格布局中有两个标签,如此

<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类 .

1 回答

  • 1

    您可以使用一个字符串,但使用FormattedString类使其格式不同 .

相关问题