NavigationButtonのカスタムアイコンを使用するNativescript

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> 

しかし、それらのどれも動作しているようです。私はビューで使用できるので、フォントをインストールしています。また、テキスト属性をアイコンではなく文字列に変更するだけでは、何も表示されません。

これを行う方法はありますか？

Answer 1

最善の策は、nativescript-NGX-fonticonプラグインを使用している：https://github.com/NathanWalker/nativescript-ngx-fonticon

もこれをチェックして、いくつかの共通pitfalsを避けSO答え：https://stackoverflow.com/a/41861624/2596974