如何在Flet/Python多视图导航中保留页面参数？

问题出在路由切换过程中，页面的全局属性（如bgcolor、horizontal_alignment）会被重置。你可以通过以下方式解决：

方法1：路由变化时重新设置页面属性 #

直接在route_change函数开头添加页面属性设置代码，确保每次路由切换后页面样式和对齐方式保持一致：

def route_change(e):
    # 重新设置页面全局属性，避免被路由操作重置
    page.bgcolor = "#f0f0f0"
    page.horizontal_alignment = "center"
    page.vertical_alignment = "center"
    
    page.views.clear()
    page.views.append(
        View(
            "/",
            [
                Row(alignment="center", spacing=25, controls=[_reg_main])
            ],
        )
    )

    if page.route == "/login":
        page.views.append(
            View(
                "/login",
                [
                    AppBar(title=Text("Store"), bgcolor=colors.SURFACE_VARIANT),
                    ElevatedButton("Go Home", on_click=lambda _: page.go("/")),
                ],
            )
        )
    page.update()

方法2：封装初始化函数复用设置 #

把页面属性的初始化逻辑封装成单独函数，在main和route_change中调用，减少重复代码：

def init_page_style(page: Page):
    page.title = "Register"
    page.bgcolor = "#f0f0f0"
    page.horizontal_alignment = "center"
    page.vertical_alignment = "center"

def main(page: Page):
    init_page_style(page)

def route_change(e):
    init_page_style(page)
    page.views.clear()
    # 后续视图添加逻辑保持不变
    # ...

额外优化：按路由动态调整样式 #

如果不同路由需要差异化页面样式，可以在route_change中根据当前路由动态设置属性：

def route_change(e):
    if page.route == "/login":
        page.bgcolor = "#ffffff"
        page.horizontal_alignment = "start"
    else:
        page.bgcolor = "#f0f0f0"
        page.horizontal_alignment = "center"
        page.vertical_alignment = "center"
    
    page.views.clear()
    # 视图添加逻辑...

修改后，无论切换到哪个路由，页面核心样式属性都会被正确设置，main_column也能保持水平居中效果。

内容的提问来源于stack exchange，提问作者XpYcTaJIb