[英]Xamarin Forms Navigation PopAsync isn't working
我正在 Xamarin.Forms 中开发一个应用程序,事情一直很稳定,直到我遇到导航错误。 令我困惑的是,我已经成功地在其他页面上使用了相同的代码调用,但是突然在这个页面上,它不起作用了。
由于我试图实现的视觉效果,我设计了一些独特的导航流,使用具有使用普通推送/弹出代码的两层导航页面的主从组合。 我遵循了 medium.com 上这篇文章的建议。
该应用程序会初始化一个名为“Root Navigation”的主页面,该主页面会初始化主页面和详细页面。
public App()
{
InitializeComponent();
MainPage = new RootNavigation();
}
根导航页面:
public partial class RootNavigation : MasterDetailPage
{
private MenuPage menuPage;
private NavigationPage OuterPage;
private NavigationPage InnerPage;
public RootNavigation()
{
this.Master = this.menuPage = new MenuPage();
this.menuPage.MenuItemsListView.ItemSelected += Menu_ItemSelected;
var viewModel = new SelectEmployeeViewModel();
var page = new SelectEmployeePage(viewModel);
SetAsDetailPage(page);
}
为了在应用程序中向前导航,我使用了一种称为“设置为详细信息页面”的方法,它弥合了主从行为与导航推送/弹出行为之间的差距。
private void SetAsDetailPage(ContentPage page)
{
NavigationPage.SetHasNavigationBar(newPage, false);
if (newPage.GetType() == typeof(JobDetailPage))
{
newPage.ToolbarItems.Add(
new ToolbarItem()
{
Text = "Back",
Command = new Command(() => BackButton_Clicked())
});
}
this.InnerPage = this.InnerPage ?? new NavigationPage();
this.InnerPage.Navigation.PushAsync(page);
this.OuterPage = this.OuterPage ?? new NavigationPage(this.InnerPage);
this.Detail = this.Detail ?? this.OuterPage;
}
然后,向后导航调用以下两种方法之一:“BackButton_Clicked()”或“ReturnToJobList()”。
private void ReturnToJobList()
{
while (InnerPage.CurrentPage.GetType() != typeof(JobsPage))
{
var current = InnerPage.CurrentPage.ToString();
System.Diagnostics.Debug.WriteLine($"'{current}' attempting Navigation.Pop()");
InnerPage.PopAsync();
}
}
private void BackButton_Clicked()
{
this.InnerPage.PopAsync();
}
所有显示只读数据的页面都没有问题地导航。 当我完成页面时,我让它调用 MessagingCenter,根导航接收消息并执行所需的导航。 例如,“MenuPage_ItemSelected”事件处理程序触发代码:
if (e.SelectedItem.ToString().ToLower() == "log out")
{
Device.InvokeOnMainThreadAsync(() =>
{
InnerPage.PopToRootAsync();
this.IsPresented = false;
});
}
这似乎工作正常,在我花了一段时间研究当辅助页面在后台线程上调用“pop to root”时,我必须在主线程上调用它。
好的,最后到问题页面:“更新作业注释”页面。 该页面向消息中心发出呼叫,根导航页面接收该呼叫并执行以下代码:
private async void SaveJobNotes(ContentPage sender)
{
if (sender is UpdateJobNotesPage notesPage)
{
bool result = await SaveNewJobNote(notesPage);
var message = result ? "Saved changes" : "An error occurred; changes not saved";
await DisplayAlert("Save", message, "OK");
}
ReturnToJobList();
}
单步执行代码,它正确执行SaveNewJobNote()
并返回 true。 然后,它等待显示警报“已保存的更改”。 然后,代码在“ReturnToJobList()”中陷入无限循环,永远打印到调试输出[0:] 'Application.Views.UpdateJobNotesPage' attempting Navigation.Pop()
。 大约一百万个周期后,我厌倦了等待并退出调试器。 我似乎无法做任何事情来让页面消失!
我已经尝试了很多东西来调查PopAsync
和PopModalAsync
之间的差异。 在检查了不同页面的导航堆栈上的内容后,一切看起来都和我期望的完全一样——模态堆栈上没有任何东西(因为我从来没有在任何东西PushModalAsync
), RootNavigation
堆栈上有 0, 1 个在OuterPage
堆栈上,4 个在InnerPage
堆栈上。 这一切对我来说都很有意义,但它仍然没有弹出更新工作笔记页面。 我还尝试了Navigation.RemovePage(page)
代码,但没有成功。 唯一的区别是调试器包括打印关于我的代码的警告并建议我改用PopAsync()
。
我还尝试了一些不同的事情,从this.Navigation
、 this.Outer
、 this.Outer.Navigation
、 this.Inner
、 this.Inner.Navigation
进行PopAsync()
调用, this.Inner.Navigation
都没有成功。
我已经看过一堆关于 Stack Overflow 的其他问题,包括这个问题和这个问题,但似乎没有一个适用于这种情况。 任何帮助将不胜感激!
我记得这发生在我身上。 我忘记了到底是什么原因,但我也有一些时髦的导航。 我的问题是弹出窗口,有一次,他们正在创建一个新堆栈。 所以当我弹出时,我得到了意想不到的结果。
我怀疑您还在某处创建了另一个堆栈,尤其是当您在调试器中处于 0 时。
罪魁祸首很可能潜伏在 InvokeOnMainThread() 周围。
在作业列表页面可见之前,我还没有真正弄清楚我创建的应该调用InnerNavigation.PopAsync()
的代码块有什么问题。 似乎该代码块中的所有变量都评估为我期望的值,但不知何故,它似乎无法从堆栈中弹出任何内容。
但是,我确实更改了处理保存作业注释的代码块,现在它确实从堆栈中弹出“保存作业注释”页面。
private async void SaveJobNotes(ContentPage sender)
{
this.InnerPage.PopAsync(); //I don't understand why this works and the
//other didn't, but it correctly pops the page
if (sender is UpdateJobNotesPage notesPage)
{
bool noteSaved = await SaveNewJobNote(notesPage);
bool progressSaved = await SaveJobProgress(notesPage);
var message = noteSaved && progressSaved ?
"Changes were save successfully" :
"An error occurred; changes not saved";
await DisplayAlert("Save", message, "OK");
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.