MAUI页面导航怎么做 MAUI Shell导航使用方法

MAUI页面导航主要通过MAUI Shell实现，需在AppShell.xaml中定义TabBar/FlyoutItem/ShellContent结构，注册路由（如Routing.RegisterRoute("detail", typeof(DetailPage))），用Shell.Current.GoToAsync()跳转并支持参数传递与生命周期响应。

MAUI 页面导航主要靠 MAUI Shell 实现，它提供统一、可配置的导航结构（如底部标签栏、抽屉菜单、路由系统），比手动管理页面堆栈更简洁稳定。

Shell 基础结构怎么搭

在 AppShell.xaml 中定义导航层级：顶部是 Shell 根节点，内部用 TabBar（底部标签）、FlyoutItem（侧边栏）或直接嵌套 ShellContent 指向页面。每个 ShellContent 的 ContentTemplate 绑定一个 Page，比如 HomePage 或 AboutPage。

• 给页面设置路由名（推荐在 AppShell 构造函数里注册）：Routing.RegisterRoute("detail", typeof(DetailPage));
• Shell 自动为每个 ShellContent 生成默认路由，也可用 Route 属性自定义，如 Route="home"
• 确保 App.xaml.cs 中设置主页面为 new AppShell()

页面跳转怎么写代码

用 Shell.Current.GoToAsync() 触发导航，支持绝对路径（如 "//home" 回首页）和相对路径（如 "detail?id=123"）。带参数时 URL 遵循 URI 查询格式，参数会自动注入目标页的 OnNavigatedTo() 方法或绑定到页面属性（需标记 [QueryProperty]）。

• 跳转到已注册路由：await Shell.Current.GoToAsync("detail?id=42");
• 返回上一页：await Shell.Current.GoToAsync("..");
• 清空导航栈并跳转：await Shell.Current.GoToAsync("//home");（双斜杠表示重置）
• 在 ViewModel 中调用？推荐通过服务注入 IAsyncNavigationService 或直接访问 Shell.Current（注意线程安全）

如何响应导航生命周期

MAUI Shell 页面可通过重写 OnNavigatedTo() / OnNavigatedFrom() 获取导航事件。若需接收查询参数，添加 [QueryProperty] 特性到 public 属性上，框架会自动赋值。

标签： go app 栈 ai 路由 gate