Is there an example of making a dropdown navbar?

[bobwatcherx]

Question

i am trying to create dropdown menu on navbar . but this works a little but it just looks weird when you want the cursor to move the menu. and I have not found the right logic for this case. is there a solution

Code sample

from flet import *


def main(page: Page):
    page.window_width = 600
    page.padding = 0
    page.spacing = 0
    menulist = ["Home", "About", "Person"]

    navlist = Row(alignment="end")

    childlist = {
        "Home": ["home1", "home2", "home3"],
        "About": ["about1", "about2", "about3"],
        "Person": ["person1", "person2", "person3"],
    }

    text_menu = Text("", size=25)  # Ditambahkan untuk menyimpan item menu saat ini
    active_child_menu = None  # Ditambahkan dan diinisialisasi dengan None

    def showchild(e):
        nonlocal active_child_menu  # Tambahkan nonlocal untuk mengakses variabel dari luar
        you_hover = e.control.content.controls[0].value
        print(text_menu.value, you_hover)
        text_menu.value = you_hover  # Simpan item menu saat ini
        if active_child_menu is not None and active_child_menu == e.control.content:
            # Hapus menu anak yang sedang aktif jika ada
            e.control.content.controls.remove(active_child_menu)
        if you_hover == text_menu.value:
            # Tampilkan menu anak jika item menu saat ini dihover
            active_child_menu = active_menu(you_hover)
            e.control.content.controls.append(active_child_menu)
        else:
            active_child_menu = None
        page.update()

    def childhover(e):
        print("dwwd")
        print(e.control)

    def active_menu(you_hover):
        child_menu_container = Container(
            bgcolor="red",
            on_hover=childhover,
            content=Column()
        )

        if you_hover in childlist:
            for c in childlist[you_hover]:
                child_menu_container.content.controls.append(
                    Text(c, color="white", size=25)
                )

        return child_menu_container

    for x in menulist:
        menu_text = Text(x, size=25, weight="bold", color="white")
        menu_container = Container(
            padding=10,
            on_hover=showchild,
            content=Column([menu_text])
        )
        navlist.controls.append(menu_container)

    mynav = Container(
        width=page.window_width,
        height=80,
        bgcolor="blue",
        content=navlist
    )

    page.add(mynav)


flet.app(target=main)

Error message

No response

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

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