OwenMcDonnell
commented
1 month ago If I follow a more idiomatic way of routing as outlined in the docs here, I don't run into this error. Here is the modified code.
import flet as ft
def index_page(page: ft.Page):
content = ft.View(
"/",
[
ft.Text("Index page"),
ft.ElevatedButton("Page 2", on_click=lambda _: page.go("/page2"))
]
)
return content
def page2(page: ft.Page):
content = ft.View(
"/page2",
[
ft.Text("Page 2"),
ft.ElevatedButton("Index Page", on_click=lambda _: page.go("/"))
]
)
return content
body = ft.Container()
routes = {
"/": index_page,
"/page2": page2,
}
def main(page: ft.Page):
def route_change(route: ft.RouteChangeEvent):
print(f'route_change(): {route}')
page.views.clear()
page.views.append(routes[route.route](route.page))
page.update()
page.on_route_change = route_change
page.appbar = ft.AppBar(
leading=ft.Icon(ft.icons.WAREHOUSE),
leading_width=25,
title=ft.Text("Footool"),
center_title=False,
bgcolor=ft.colors.SURFACE_VARIANT,
actions=[
ft.IconButton(ft.icons.HOME),
ft.IconButton(ft.icons.PIANO),
ft.IconButton(ft.icons.PAGEVIEW)
]
)
page.add(body)
page.go("/")
#ft.app(target=main) # works fine
ft.app(target=main, port=8080, view=ft.AppView.WEB_BROWSER) # does not run from remote
jammerhund
Duplicate Check
Describe the bug
If i run the following code as a desktop app under Linux, everything works fine. If i run that for web, i get some errors. But only from a remote browser and not via 127.0.0.1. I get a small white message on red background in the browser:
Unknown control: offstageCode sample
Code
```python import flet as ft def index_page(page: ft.Page): content = ft.Column( [ ft.Text("Index page"), ft.ElevatedButton("Page 2", on_click=lambda _: page.go("/page2")) ] ) return content def page2(page: ft.Page): content = ft.Column( [ ft.Text("Page 2"), ft.ElevatedButton("Index Page", on_click=lambda _: page.go("/")) ] ) return content body = ft.Container() routes = { "/": index_page, "/page2": page2, } def route_change(route: ft.RouteChangeEvent): print(f'route_change(): {route}') body.content = routes[route.route](route.page) body.update() def main(page: ft.Page): page.on_route_change = route_change page.appbar = ft.AppBar( leading=ft.Icon(ft.icons.WAREHOUSE), leading_width=25, title=ft.Text("Footool"), center_title=False, bgcolor=ft.colors.SURFACE_VARIANT, actions=[ ft.IconButton(ft.icons.HOME), ft.IconButton(ft.icons.PIANO), ft.IconButton(ft.icons.PAGEVIEW) ] ) page.add(body) page.go("/") #ft.app(target=main) # works fine ft.app(target=main, port=8080, view=ft.AppView.WEB_BROWSER) # does not run from remote ```To reproduce
Expected behavior
You can click the "Page 2" Button and you get the "Page 2". Then you click the "Index Page" Button and you get the "Index Page" and so on.
Screenshots / Videos
Captures
[Upload media here]Operating System
Linux
Operating system details
Linux Mint 21.3
Flet version
0.24.1
Regression
No, it isn't
Suggestions
The example code should run as desktop app and in any webbrowser from any remote host.
Logs
Logs
```console Future exception was never retrieved future:The value of id is first "_4".
Additional details
No response