NativeScript標籤的圖標和Bagdes

我有我的應用程序下面的代碼，我用NativeScript創建了角2NativeScript標籤的圖標和Bagdes

<TabView> 
    <StackLayout *tabItem="{title: '&#xf015; Profile &#xf1e0;" > 
    <Label class="fa" text="&#xf015;"></Label> 
<Button class="fa" id="button" text="&#xf1e0; Tap me!" ></Button> 
    </StackLayout> 
    <StackLayout *tabItem="{title: '&#xf015; Stats"> 
     <Label text="Second tab item"></Label> 
    </StackLayout> 

    <StackLayout *tabItem="{title: 'Settings'}"> 
     <Label text="Third tab item"></Label> 
    </StackLayout> 
</TabView>

這裏我設置圖標tabTitle如下

<StackLayout *tabItem="{title: '&#xf015; Profile &#xf1e0;" >

我使用fontAwesome，但圖標設置很簡單，不顯示標籤標題。沒有顯示丟失圖標的佔位符。

圖標顯示標籤和按鈕。

而且是沒有一種方法可以添加徽章到凸片如圖所示的下方圖像

這是有益的，當有更新英寸

來源

2016-11-30 krv

由於討論here的原因，目前* tabItem不支持圖標字體。作爲解決方法，請使用iconSource，它允許您爲選項卡提供圖像。

<StackLayout *tabItem="{title: 'My Title', iconSource:'res://icon'}">

來源

2016-11-30 08:37:17

謝謝你的答覆..是否有一種方法來改變圖像..我厭倦了綁定路徑* tabItem ='{{iconObj.value}}'...我想動態改變圖像爲如上所示代表視圖的更新。 – krv

正如@Nick所說，tabItem目前不支持圖標字體。我也遇到了像您這樣的麻煩，我不得不實施帶有圖標和徽章的標籤欄。這就是我做到的，我希望它能以某種方式有用，即使這不是很好的做法。

我在DockLayout設置屬性dock="bottom"（假tabBar）內創建了一個GridLayout。在GridLayout的內部，我製作了一組標籤，其文本可以通過圖標字體顯示。我還添加了滑動手勢監聽器，以便用戶可以通過滑動來更改選項卡。這是可以暫時解決問題的想法。

來源

2016-12-01 06:45:00

NativeScript標籤的圖標和Bagdes

回答

相關問題