Nativescript шрифт Awesome в кнопке FormattedSring

Question

Я хочу показать шрифт-awesome значки в моем приложении nativescript, но его не видно везде.

<ScrollView row="0" orientation="vertical" ios.pagingEnabled="true"> 
    <StackLayout #container verticalAlignment="center"> 
     <Image src="res://logo_icon_white" stretch="none" horizontalAlignment="center"></Image> 
     <label [text]="'WELCOME' | translate" class="welcome-text" horizontalAlignment="center"></label> 

     <label text="&#xf230; " class="font-awesome" horizontalAlignment="center"></label> <--- WORKS! 

     <Button [text]="'LOGIN_WITH_PASWWORD' | translate" (tap)="tapped()"></Button> 
     <Button> 
      <FormattedString> 
       <Span text="&#xf230; " class="font-awesome"></Span> <--- DOESN'T WORK! 
       <Span text="&#xf230; " style="font-family: FontAwesome;"></Span> <--- DOESN'T WORK! 
       <Span [text]="'PROCEED_WITH_FACEBOOK' | translate" ></Span> 
      </FormattedString> 
     </Button> 
     <Button [text]="'CREATE_AN_ACCOUNT' | translate" class="account-button"></Button> 
    </StackLayout> 
</ScrollView> 

Когда я использую его в этикетке он показывает значок, но когда я хочу, чтобы отобразить его в FormattedString/Button (потому что я использую перевод) не показывает значок.

Надеюсь, кто-то может помочь?

Answer 1

Элемент Span в настоящее время не поддерживает стилизацию через CSS. Вы должны использовать диапазон properties, чтобы установить стиль. В вашем случае должно работать следующее:

<Span text="&#xf230;" fontFamily="FontAwesome"></Span>