在TabViewItem中使用图标字体-Nativescript-Vue

Question

我一直在寻找一种干净的方法来为TabViewItem使用字体图标（在我的情况下为iconmoon），但没有找到答案。有人知道怎么做吗？

我正在使用 NativeScript-Vue 。理想的方式是通过使用字体图标更改iconSource，但是它不起作用。像:iconSource="String.fromCharCode(0xea0d)"

我正在使用的代码如下（而不是labels在每个frames中都有TabViewItem）。

<TabView :selectedIndex="selectedIndex" iosIconRenderingMode="alwaysOriginal">
  <TabViewItem title="Tab 1" iconSource="~/images/icon.png">
    <Label text="Content for Tab 1" />
  </TabViewItem>
  <TabViewItem title="Tab 2" iconSource="~/images/icon.png">
    <Label text="Content for Tab 2" />
  </TabViewItem>
</TabView>

Answer 1

无法在iconSource上使用字体图标，它将仅接受图像。

但是您可以在title属性上使用字体图标，但这可能会阻止您使用其他字体来样式化标题，或者可以使用nativescript-vector-icons将字体图标转换为图像然后将其应用到iconSource。