내가 광학적으로 사용자 이름과 성 속성을 중심하려는 방법

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> 

같은 그리드 레이아웃에 두 개의 레이블이 nativescript 두 개의 레이블 광학적 센터. 지금 텍스트는 단어 사이의 가운데에 정렬됩니다. 이름이나 성의 길이에 관계없이 센터가 실제 센터가 될 수 있기를 바랍니다.

필자는 별도로 스타일을 지정해야하기 때문에 필자는이 두 필드를 구분했습니다. 하나의 레이블로 연결되지만 첫 번째 이름과 두 번째 이름이 다른 스타일로 주어지는 답은 멋지기도합니다. 그 방법도 상상할 수 없기 때문입니다.

편집 :

<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 클래스를 사용하여 형식이 다르게 지정할 수 있습니다.