is there function for remove badge . if i click button notification

[bobwatcherx]

Question

i want if i click button notification then clear badge or remove badge from child content . like whatsapp notification

Code sample

from flet import *

def main(page: Page):
    page.window_width = 300
    page.window_height = 250

    count_notif = Dropdown(
        width=100,
        options=[
            dropdown.Option("home"),
            dropdown.Option("notifications"),
        ]
    )

    def clear_notif(e):
        get_icon = e.control.icon
        last_template = IconButton(icon=get_icon,
                       icon_color="white",
                       icon_size=30,
                       on_click=clear_notif)

        for i, x in enumerate(page.bottom_appbar.content.controls):
            print(x.content)
        page.update()

    page.bottom_appbar = BottomAppBar(
        bgcolor="blue",
        content=Row([
            IconButton(icon="home",
                       icon_color="white",
                       icon_size=30,
                       on_click=clear_notif),
            IconButton(icon="notifications",
                       icon_color="white",
                       icon_size=30,
                       on_click=clear_notif),
        ], alignment="spaceEvenly")
    )

    # Define counter outside of the function
    counter = 0

    def add_notif(e):
        nonlocal counter  # Use nonlocal to access the counter variable from the outer scope
        counter += 1  # Increment the counter
        template = Badge(
            content=IconButton(
                icon=count_notif.value,
                icon_color="black", icon_size=30,
                on_click=clear_notif),
            text=str(counter)  # Convert counter to string to display it as text
        )

        if count_notif.value == "home":
            page.bottom_appbar.content.controls[0] = template
        elif count_notif.value == "notifications":
            page.bottom_appbar.content.controls[1] = template
        page.update()

    page.add(Column([
        Row([
            count_notif,
            ElevatedButton("add new notif", on_click=add_notif)
        ])
    ]))


app(main, view=AppView.WEB_BROWSER, port=5050)

Error message

not work

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[lekshmanmj]

please set label_visible property to False

[bobwatcherx]

but badge no have property on_click for remove if i click Badge or clear or hide

 async def interval_chats():
        count = 0
        while True:
            count = count + 1
            random_index = random.randint(0, len(ct_notif.content.controls) - 1)
            template = Badge(
              content=ct_notif.content.controls[random_index],
              text=count,
              label_visible=True,

              )
            ct_notif.content.controls[random_index] = template
            ct_notif.content = Row(ct_notif.content.controls, alignment="spaceEvenly")
            print(f"you have new notification {count}")            
            await asyncio.sleep(1) 
            await page.update_async()