Использование значков шрифтов в TabViewItem - Nativescript-Vue

Я искал чистый способ использовать значки шрифтов (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>

nativescript nativescript-vue
person Hans    schedule 24.01.2019    source источник
comment
вместо iconSource используйте fonticon в заголовке   -  person Narendra    schedule 24.01.2019
comment
Вы пробовали это   -  person Steven    schedule 24.01.2019

Ответы (1)


arrow_upward
1
arrow_downward

Невозможно использовать значок шрифта на iconSource, он принимает только изображения.

Но вы можете либо использовать значок шрифта в атрибуте title, но это может помешать вам стилизовать свой заголовок с другим шрифтом, либо вы можете использовать nativescript-vector-icons, который может на лету конвертировать значок шрифта в изображение и применять его к iconSource.

person Manoj    schedule 24.01.2019