appdrawer

[rajan308]

why don't my drawer close automatically after logout is pressed ? it goes login ui smootly but drawer don't get closed.

`import flet as ft
import threading
import os
import datetime

def home_ui(page,go_to_loginui):

os.environ["FLET_WS_MAX_MESSAGE_SIZE"] = "8000000"
r = ft.Row(wrap=True, scroll="always", expand=True)
page.add(r)


name_container=[

]


def add_button_fun(e):
    if not convy_name_input.value:
        home_output_msg.value="Enter name"
        threading.Timer(3, lambda: (setattr(home_output_msg, 'value', ""), page.update())).start()
        page.update()
    else:
        name_container.append(convy_name_input.value)
        home_output_msg.value=f"{convy_name_input.value} has been added"
        threading.Timer(3, lambda: (setattr(home_output_msg, 'value', ""), page.update())).start()
        threading.Timer(1, lambda: (setattr(convy_name_input, 'value', ""), page.update())).start()
    page.update()

def show_list_ofconmbi(e):
    if len(name_container)==0:
        home_output_msg.value="List Empty"
        threading.Timer(3, lambda: (setattr(home_output_msg, 'value', ""), page.update())).start()
    else:
         for i in range(10):
           r.controls.append(
           ft.Container(
            ft.Text(f"{name_container}{i}"),
            width=50,
            height=50,
            alignment=ft.alignment.center,
            bgcolor=ft.Colors.AMBER_100,
            border=ft.border.all(1, ft.Colors.AMBER_400),
            border_radius=ft.border_radius.all(5),
        )
    )
page.update()

convy_name_input=ft.TextField(label="Enter Convience name",width=250)
Add_button=ft.FilledButton(text="Add", width=250,height=40, on_click=add_button_fun)
home_output_msg=ft.Text("")
show_button=ft.FilledButton(text="List of combini", width=250,height=40, on_click=show_list_ofconmbi)
floating_action_button = ft.FloatingActionButton(icon=ft.Icons.SEARCH, on_click=None, bgcolor=ft.Colors.WHITE)

#Date picker
def handle_change(e):
page.add(ft.Text(f"Date changed: {e.control.value.strftime('%Y-%m-%d')}"))

def handle_dismissal(e):
    page.add(ft.Text(f"DatePicker dismissed"))

calendar=ft.ElevatedButton(
    "Pick date",
    icon=ft.Icons.CALENDAR_MONTH,
    on_click=lambda e: page.open(
        ft.DatePicker(
            first_date=datetime.datetime(year=2024, month=10, day=1),
            last_date=datetime.datetime(year=2026, month=10, day=1),
            on_change=handle_change,
            on_dismiss=handle_dismissal,
        )
    ),
)

#date picker

st = ft.Stack(
controls=[
    ft.Container(
        content=ft.Column(
            controls=[
                convy_name_input,
                Add_button,
                home_output_msg,
                show_button,
                calendar
                     ]
                        ),
                ),
    ft.Container(
        content=floating_action_button,
        alignment=ft.alignment.bottom_right,  # Align to the bottom-right corner
        right=0,  # Optional: Adjust distance from the right edge
        bottom=0,  # Optional: Adjust distance from the bottom edge
               ),
            ],
        width=350,  # Ensure the Stack has enough width
        height=350,  # Ensure the Stack has enough height
               )
#Appbar
appbar=ft.AppBar(
leading_width=70,
bgcolor=ft.Colors.TRANSPARENT,
    title=ft.Text("One Click Find", size=20, weight="bold", color="black"),
                )#Appbar

#Drawer navigationbar handler

def handle_navigation_change(e):
    if e.control.selected_index==0:
        pass
    elif e.control.selected_index==1:
        pass
    elif e.control.selected_index==2:
        pass
    elif e.control.selected_index == 3:
        go_to_loginui()
        page.clean()
        
    page.update()


#drawer variables
profile_label=ft.NavigationDrawerDestination(
            label="profile",
            icon=ft.Icons.PERSON,
            selected_icon=ft.Icons.PERSON
        )
setting_label=ft.NavigationDrawerDestination(
            icon=ft.Icon(ft.Icons.SETTINGS),
            label="setting",
            selected_icon=ft.Icons.SETTINGS
        )
contact_label=ft.NavigationDrawerDestination(
            icon=ft.Icon(ft.Icons.PHONE_OUTLINED),
            label="Contact us",
            selected_icon=ft.Icons.PHONE
        )
logout_label=ft.NavigationDrawerDestination(
            icon=ft.Icon(ft.Icons.LOGOUT),
            label="Log out",
            selected_icon=ft.Icons.LOGOUT
        )

# Define the drawer
page.drawer = ft.NavigationDrawer(
    on_change=handle_navigation_change,
    controls=[
        ft.CircleAvatar(foreground_image_src="/Users/user/Desktop/flet/fletproj/IMG_1311.JPG"),
    ft.Container(
            content=ft.CircleAvatar(bgcolor=ft.Colors.GREEN, radius=7
                                    ),
            alignment=ft.alignment.top_center
               ),
        ft.Container(height=12,width=2),
        ft.Divider(thickness=6),
        profile_label,
        setting_label,
        contact_label,
        logout_label,
        ],#controls
        ) #NavigarionDrawer

bottom_appbar = ft.BottomAppBar(
    bgcolor=ft.Colors.BLUE,
    shape=ft.NotchShape.CIRCULAR,
    content=ft.Row(
        controls=[
            ft.IconButton(icon=ft.Icons.HOME, icon_color=ft.Colors.WHITE),
            ft.Container(expand=True),
            ft.IconButton(icon=ft.Icons.NOTIFICATIONS, icon_color=ft.Colors.WHITE),
            ft.IconButton(icon=ft.Icons.FAVORITE, icon_color=ft.Colors.WHITE),
        ]
    ),
)

page.add(appbar,bottom_appbar,ft.Row(controls=[st]),)

`