Question

我试图在NativeScript Angular应用上的ActionBar上添加带有自定义字体的按钮。这是我到目前为止所尝试的：

<ActionBar class="cp-icon">
    <NavigationButton text="&#xE801;" (tap)="goBack()"></NavigationButton>
    <Image src="res://logo_h_white"></Image>
</ActionBar>

// Or one of these optio
<ActionItem text="&#xE801;" (tap)="goBack()"></ActionItem>
<Label text="&#xE801;"></Label>
<Button text="&#xE801;"></Button>

但他们似乎都没有工作。我确实有字体，因为我可以在视图中使用。另外，如果我只是将text属性更改为字符串而不是图标，那么它也不会显示任何内容。

有办法做到这一点吗？

Answer 1

方法是将icon.decode="font://"与一类图标字体一起使用。见下文；

<NavigationButton text="Wont Show" icon.decode="font://&#xE801;" class="fas" (tap)="goBack()"/>

Answer 2

您最好的选择是使用nativescript-ngx-fonticon插件：https://github.com/NathanWalker/nativescript-ngx-fonticon

通过检查此SO答案，避免一些常见的陷阱：https://stackoverflow.com/a/41861624/2596974

使用NavigationButton上的自定义图标的Nativescript

2 个答案: