Xamarin形式的不同类型的导航

Question

Xamarin.Forms中的这两个Navigation范例之间有什么区别？

await Navigation.PushModalAsync(new Dashboard());

await Navigation.PushModalAsync(new NavigationPage(new Dashboard()));

Answer 1

什么是模态页面

Navigation.PushModalAsync将使新的Xamarin.Forms.Page显示，这意味着其动画将从屏幕底部开始，覆盖先前的当前页面，并且不包含后退按钮。

在iOS上，用户将无法向左滑动以返回上一页。

Android用户可以使用硬件后退按钮关闭模式页面。

当您希望用户有意识地决定关闭页面时，模态页面很有用。

例

当iOS用户填写表单并向左滑动以返回时，它是保存表单还是丢弃表单？ 用户不清楚。 为了使UX更加直观，您应该模态显示表单

用户界面差异

使用await Navigation.PushModalAsync(new Dashboard()); 将以模态显示Dashboard页面，但是新页面将没有 NavigationBar。

使用await Navigation.PushModalAsync(new NavigationPage(new Dashboard())); 还将以模态显示Dashboard页面，但是新页面将具有NavigationBar。

示例应用程序源代码： https : //github.com/brminnick/XamList

编辑

@AlessandroCaliaro和我在下面他的回答的评论中进行了很好的讨论：

请务必注意， Xamarin.Forms.INavigation使用两个不同的堆栈，即ModalStack和NavigationStack 。 Navigation.PushModalAsync将Page添加到ModalStack ， Navigation.PushAsync将Page添加到NavigationStack 。

要从ModalStack弹出Page ，您需要使用Navigation.PopModalAsync() ，而您将使用Navigation.PopAsync()从NavigationStack删除Page 。

Answer 2

第一种，以“模式”方式推入页面（顶部没有导航栏），第二种是错误，因为您尝试将导航页添加到导航堆栈中，但是我认为这是不可能的。