Используйте Icon Fonts в TabViewItem - Nativescript-Vue

Question

Я искал чистый способ использовать иконки шрифтов (iconmoon в моем случае) для TabViewItem, но не нашел ответа.Кто-нибудь знает, как это сделать?

Я использую 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.