Maui Shell标签页导航异常:点击Me标签显示登录页问题咨询
问题原因分析与修复方案
问题原因
Shell的标签页导航会保留导航栈的状态。当你从Me页跳转到登录页后,Me页的导航栈中会添加登录页这个层级。当你从登录页返回Photos页,再次切换回Me标签时,Shell会自动恢复Me页之前的导航栈状态,直接显示栈顶的登录页,而非Me页的初始页面。
修复方法
方式一:返回时重置Me页导航栈
从登录页返回Photos页前,先重置Me页的导航栈到初始状态,再切换到Photos页。在登录页的返回按钮事件中添加代码:
// 先回到Me页的根页面,再切换到Photos页 await Shell.Current.GoToAsync("//Me"); await Shell.Current.GoToAsync("//Photos");
方式二:以模态方式打开登录页
跳转登录页时使用模态窗口,这样登录页不会进入Me页的导航栈。跳转代码如下:
// 第二个参数设为true,以模态方式打开登录页 await Shell.Current.GoToAsync("LoginPage", true);
关闭登录页时调用模态返回方法:
await Shell.Current.PopModalAsync();
方式三:切换标签时强制重置导航栈
监听Shell的标签切换事件,当切换到Me标签时,强制将其导航栈重置到根页面。在App.xaml.cs或Shell的构造函数中添加代码:
Shell.Current.CurrentItemChanged += (sender, args) => { if (args.NewItem is ShellSection meSection && meSection.Route == "Me") { // 无声重置到Me页根页面,避免视觉闪烁 meSection.Navigation.PopToRootAsync(false); } };
内容的提问来源于stack exchange,提问作者Nico
相关产品推荐
相关产品推荐

