working mvp

Author: jqwez

main.py

@@ -0,0 +1,19 @@
+import flet as ft
+
+from views.FletRouter import Router
+from user_controls.app_bar import NavBar
+
+def main(page: ft.Page):
+
+    page.appbar = NavBar(page, ft)
+    myRouter = Router(page, ft)
+
+    page.on_route_change = myRouter.route_change
+
+    page.add(
+        myRouter.body
+    )
+    page.update()
+
+
+ft.app(target=main)

user_controls/__pycache__/app_bar.cpython-310.pyc

@@ -0,0 +1,21 @@
+import flet as ft
+
+
+def NavBar(page, ft=ft):
+
+
+
+    NavBar = ft.AppBar(
+            leading=ft.Icon(ft.icons.TAG_FACES_ROUNDED),
+            leading_width=40,
+            title=ft.Text("Flet Router"),
+            center_title=False,
+            bgcolor=ft.colors.SURFACE_VARIANT,
+            actions=[
+                ft.IconButton(ft.icons.HOME, on_click=lambda _: page.go('/')),
+                ft.IconButton(ft.icons.PERSON_ROUNDED, on_click=lambda _: page.go('/profile')),
+                ft.IconButton(ft.icons.SETTINGS_ROUNDED, on_click=lambda _: page.go('/settings'))
+            ]
+        )
+
+    return NavBar

user_controls/app_bar.py

@@ -0,0 +1,30 @@
+
+import flet as ft # dev purposes only
+
+# Nav Bar to give to views
+from user_controls.app_bar import NavBar
+
+# views
+from views.index_view import IndexView
+from views.profile_view import ProfileView
+from views.settings_view import SettingsView
+
+
+
+class Router:
+
+    def __init__(self, page, ft):
+        self.page = page
+        self.ft = ft
+        self.routes = {
+            "/": IndexView(),
+            "/profile": ProfileView(),
+            "/settings": SettingsView()
+        }
+        self.body = ft.Container(content=self.routes['/'])
+
+    def route_change(self, route):
+        print(route.route)
+        print(self.routes[route.route])
+        self.body.content = self.routes[route.route]
+        self.page.update()

views/FletRouter.py

@@ -0,0 +1,6 @@
+
+import flet as ft
+
+def IndexView(ft=ft):
+    return ft.Text("This is the Home")
+