1

I am working to show a notification in the form of a red dot or a number on Bottom Navigation item for Nativescript - Angular - Android. so far i could only find solutions related to TabView. ( https://discourse.nativescript.org/t/nativescript-android-add-badge-on-tabview-tabs/4768/14)

How can i add the mechanism ? is it possible to use the StackLayout within TabStripItem? it gives no output when i use.

<BottomNavigation>
    <TabStrip>
      <TabStripItem>

            <Label text="Profile"></Label>
            <Image src="font://&#xf015;" class="fas "></Image>
      </TabStripItem>
    </TabStrip>
</BottomNavigation>

<TabContentItem>
        <page-router-outlet name="homeTab" actionBarVisibility="never"></page-router-outlet> 
</TabContentItem>

Thanks

SmartElf
  • 11
  • 2
  • 1
    I don't think the `TabStripItem` supports layout yet. You will have to do it natively like showcased in the tabview example. – Manoj May 07 '20 at 19:40

1 Answers1

0

As mentioned in the comment from @Manoj, the default NativeScript component doesn't support badges, but there is a Material design one in the marketplace that supports badges and it works well. Link.

Eugene van der Merwe
  • 4,390
  • 1
  • 35
  • 48