I want help in my flet app

[Hanseeka-Dhingana]

Question

When I chatbot on all the screen except than login and signup page but it doesn't display on the home screen I don't know why. anyone have any idea?

Code sample

### Home.py file

import flet as ft  


def handle_home_screen(page: ft.Page):
    BG = "#82C6AD"
    
    return ft.View(
        "/home",
        controls=[
            ft.Column(
                controls=[
                    ft.Text("Welcome, user name"),
                    
                ],
                expand=True
                
            )
        ],
        
    
    )


### main.py file

import flet  as ft
from signUp import handle_sign_up
from chatbot_ui import ChatbotOverlay
from logIn import handle_login
from home import handle_home_screen


def main(page: ft.Page): 
    
    page.title = "IELTS AI Assistant"
    page.window_full_screen = True     # makes app fullscreen
    
    page.padding = 0
    page.spacing = 0
    
    
    #chatbot dialog
    current_user_id = "user124"
    chatbot_overlay = ChatbotOverlay(current_user_id)
    page.overlay.append(chatbot_overlay)

    def open_chatbot(visibility):
        """Shows the chatbot overlay when the button is clicked."""
        chatbot_overlay.visible = True
        page.update()

    # Add a button to open the chatbot
    chatbot_button = ft.FloatingActionButton(
        icon=ft.Icons.SUPPORT_AGENT_ROUNDED,
        bgcolor="#82C6AD",
        on_click=lambda e : open_chatbot(True),
        tooltip="IELTS AI Assistant",
        visible=False,
    )


    #change the page route
    def route_change(e):
     page.views.clear()
     
      #Navigate to different screens
     if page.route == "/" or page.route == "/login":
        page.views.append(handle_login(page)) # ← show login view
     elif page.route == "/signup":
        page.views.append(handle_sign_up(page))  # ← show sign up view
     elif page.route == "/home":
        page.views.append(handle_home_screen(page))  # ← show home view
     else:
        page.views.append(handle_login(page)) # ← show login view
        
        
     #Add chatbot button only on certain screens
     if page.route not in [ "/signup"]:
         print(">>> Floating button ENABLED")
         page.floating_action_button = chatbot_button
     else:
         print(">>> Floating button disbaled")
         page.floating_action_button = None
         
         
     page.update()
    
    
    page.on_route_change = route_change
    page.go("/")
   
    
    
ft.app(target= main)

Error message

No response

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

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

[ap4499]

I can't replicate the scenario given you are importing custom dependencies, but in this code, should it be "visible = True" instead of False?

   # Add a button to open the chatbot
    chatbot_button = ft.FloatingActionButton(
        icon=ft.Icons.SUPPORT_AGENT_ROUNDED,
        bgcolor="#82C6AD",
        on_click=lambda e : open_chatbot(True),
        tooltip="IELTS AI Assistant",
        visible=False,
    )

So instead, just change that one line

   # Add a button to open the chatbot
    chatbot_button = ft.FloatingActionButton(
        icon=ft.Icons.SUPPORT_AGENT_ROUNDED,
        bgcolor="#82C6AD",
        on_click=lambda e : open_chatbot(True),
        tooltip="IELTS AI Assistant",
        visible=True,
    )

Otherwise, I am unsure how that button is being triggered to visible=True. As I understand the code, it would never become visible.

[Hanseeka-Dhingana]

Thank you