navigation drawer does not work on mobile

[xtream-club]

Navigation drawer does not work on mobile. When deploying my application with serious python using navigation drawer it tells me that navigation drawer is not a flutter control and shows an error. I don't know if it hasn't been tested on android yet or what the problem is. But it seems that it does not work on mobile devices at the moment.

[ndonkoHenri]

Yeah, you're right! Here is what i get:

import flet as ft


def main(page: ft.Page):
    page.drawer = ft.NavigationDrawer(
        controls=[
            ft.Container(height=12),
            ft.NavigationDrawerDestination(
                label="Item 1",
                icon=ft.icons.DOOR_BACK_DOOR_OUTLINED,
                selected_icon_content=ft.Icon(ft.icons.DOOR_BACK_DOOR),
            ),
            ft.Divider(thickness=2),
            ft.NavigationDrawerDestination(
                icon_content=ft.Icon(ft.icons.MAIL_OUTLINED),
                label="Item 2",
                selected_icon=ft.icons.MAIL,
            ),
            ft.NavigationDrawerDestination(
                icon_content=ft.Icon(ft.icons.PHONE_OUTLINED),
                label="Item 3",
                selected_icon=ft.icons.PHONE,
            ),
        ],
    )

    def show_drawer(e):
        page.drawer.open = True
        page.drawer.update()

    page.add(ft.ElevatedButton("Show drawer", on_click=show_drawer))


ft.app(main)

[FeodorFitsner]

#2084

[ErikEgidoBlanes2223]

My problem is that if I do it with views, and in a view I add a navigationdrawer I get an error: AssertionError: Control must be added to the page first.

[baseplate-admin]

ajunt-20240510T113327Z-001.zip

error-flet.mp4

[ErikEgidoBlanes2223]

Friend, did you find any solution?

[baseplate-admin]

Unfortunately nope, i didn’t have time to really dig into this issue.

I will try to, but there might be others who are faster/effective than me

[ErikEgidoBlanes2223]

Hello friend, I already found exactly where I have the problem, I am creating a view, I pass a container value to it, and within that container I have all the characteristics of my page, the error is that if I put my navigationdrawer in the container that then it will be inside the view gives me the error experienced.

However, if I add a drawer option to my view I can use it.

Now my problem is that I don't know what to put in the drawer option of ft.View, and I don't know how to add the functionality for when it is clicked and so on.

[ErikEgidoBlanes2223]

            page.views.append(
                ft.View(
                    "/home",
                    [
                        page2
                    ],bgcolor="#b1aaa5", scroll=ft.ScrollMode.AUTO, drawer= MyNavigationDrawer
                )
            )

page2 is a object ft.Container, but ft.View I have option drawer.