[Francois]

Hello,

I would like to add a badge notification ( red circle with a number inside ) into a NavigationItem.

Is there a way to do that ?

Thanks for your help.

 

Best Regards.

 

F.

[GüntherFelgo Team]

Hi Francois!

You can customize the NavigationBarItems any way you want. Either create your own NavigationBarItem or just extend an existing one like the IconButtonBarItem.

This is how you could add a badge to an IconButtonBarItem:

IconButtonBarItem {
        icon: IconType.globe
        onClicked: { /* DO SOTHEMING */ }

        // add badge
        Rectangle {
          x: parent.width * 0.8 - width
          y: parent.height * 0.25
          width: dp(14)
          height: width
          color: "red"
          radius: width * 0.5

          AppText {
            text: "3"
            font.pixelSize: sp(9)
            font.bold: true
            anchors.centerIn: parent
            color: "white"
          }
        }
      }

 

Cheers,
Günther

[Francois]

Hello Günther,

You rocks !!!

Many Thanks for your help.

Best Regards.

 

F.