FormattedSring 按钮中的 Nativescript 字体真棒

Question

我想在我的 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>

当我在 Label 中使用它时它显示图标但是当我想在 FormattedString/Button 中显示它时（因为我使用翻译）它不显示图标。

希望有人能帮忙？

Answer 1

Span 元素目前不支持通过 CSS 设置样式。您应该使用跨度的 properties 来设置样式。在您的情况下，以下应该有效：

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

FormattedSring 按钮中的 Nativescript 字体真棒

Nativescript Font Awesome in FormattedSring Button

font-awesome

nativescript