Xamarin Forms模态导航异常：登录页启动无返回按钮且动画异常

问题根源 #

从登录页启动时的导航结构和Shell不一致，且第二次页面推送错误地走了根导航的模态栈，而非第一次创建的模态NavigationPage内部栈，导致导航层级混乱，引发返回按钮缺失和动画异常。

解决方案 #

1. 统一页面推送的导航上下文 #

不要直接使用App.Current.MainPage.Navigation推送后续页面，而是在FlightPage内部使用自身的Navigation对象，将页面推送到当前模态NavigationPage的栈中：

// 在FlightPage的选择事件中执行
await Navigation.PushAsync(new LegDetailsPage(this));

这样LegDetailsPage会进入FlightPage所在的NavigationPage栈，自动生成返回按钮，动画也会和Shell启动时一致（页面滑动而非底部弹出）。

2. 保持根页面的NavigationPage包装 #

无需取消登录页的NavigationPage包装，若不需要登录页显示导航栏，可在LoginPage的XAML中添加属性隐藏：

<ContentPage ... NavigationPage.HasNavigationBar="False">
    <!-- 页面内容 -->
</ContentPage>

App.xaml.cs中保留原设置：

MainPage = new NavigationPage(new LoginPage());

统一的根导航容器能让模态推送的行为在登录页和Shell启动时保持一致。

3. 修正模态推送的代码语法 #

确保第一次模态推送的代码语法正确（原代码缺失闭合括号）：

// 登录页中推送模态的代码
await App.Current.MainPage.Navigation.PushModalAsync(new NavigationPage(new FlightPage()));

总结 #

核心是保证所有相关页面都处于同一个模态NavigationPage的导航栈内，而非分散到根导航的模态栈中。调整导航上下文后，返回按钮和动画表现都会和Shell启动时一致。

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