Nativescript字体在FormattedSring按钮中很棒

时间:2016-07-11 11:40:23

标签: font-awesome nativescript

我想在我的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中显示它时(因为我使用翻译)它不会显示图标。

我希望有人可以提供帮助吗?

1 个答案:

答案 0 :(得分:0)

"var data1 = [{ x: 290, y: 160}, {x: 391, y: 160}, {x: 391, y: 160}];"元素目前不支持通过CSS设置样式。您应该使用span properties来设置样式。在您的情况下,以下应该有效:

Span