.NET MAUI返回按钮无法将用户带回页面顶部问题求助

我有一个按钮用于返回之前访问的页面，但点击后用户会回到之前ScrollView的滚动位置，而非页面顶部。具体流程如下：

• 用户在页面A滚动至屏幕中部靠下位置；
• 用户点击按钮跳转至页面B；
• 用户在页面B点击按钮返回页面A；
• 用户被重定向至页面A的中部靠下位置。

如何修改实现从页面B点击按钮返回页面A顶部？

现有代码 #

PageBVM #

[RelayCommand]
private async void OnNavigateBackToPageAView()
{
    try
    {
        await Shell.Current.GoToAsync("///pageA",
            new Dictionary<string, object>
            {
                {"pageA", pageA }
            });
    }
    catch (Exception ex)
    {
        Debug.WriteLine($"Error navigation back to page A view: {ex.Message}");
        if (ex.InnerException != null)
        {
            Debug.WriteLine($"Inner Exception: {ex.InnerException.Message}");
        }

    }
}

PageA.xaml #

<Grid>
    <!-- Scrollable Content -->
    <ScrollView>
        <VerticalStackLayout>
        </VerticalStackLayout>
   </ScrollView>
</Grid>

PageA.xaml.cs #

public partial class PageAView: ContentPage
{
    public PageAView()
    {
        InitializeComponent();
        BindingContext = vm;
    }
}

方法1：在PageA导航生命周期中强制滚动到顶部 #

先给ScrollView命名，方便代码中引用：
修改PageA.xaml：

<Grid>
    <!-- 给ScrollView添加命名 -->
    <ScrollView x:Name="MainScrollView">
        <VerticalStackLayout>
        </VerticalStackLayout>
   </ScrollView>
</Grid>

在PageA.xaml.cs中重写OnNavigatedTo方法，每次进入页面时滚动到顶部：

public partial class PageAView: ContentPage
{
    public PageAView()
    {
        InitializeComponent();
        BindingContext = vm;
    }

    protected override void OnNavigatedTo(NavigatedToEventArgs args)
    {
        base.OnNavigatedTo(args);
        // 直接滚动到顶部，关闭动画提升体验
        MainScrollView.ScrollToAsync(0, 0, animate: false);
    }
}

方法2：仅从PageB返回时滚动到顶部 #

如果需要区分场景（仅从PageB返回时重置位置，其他导航保留滚动状态），可以通过导航参数控制：

修改PageBVM的导航代码，添加滚动标记参数：

[RelayCommand]
private async void OnNavigateBackToPageAView()
{
    try
    {
        await Shell.Current.GoToAsync("///pageA",
            new Dictionary<string, object>
            {
                {"pageA", pageA },
                {"ScrollToTop", true } // 添加滚动触发参数
            });
    }
    catch (Exception ex)
    {
        Debug.WriteLine($"Error navigation back to page A view: {ex.Message}");
        if (ex.InnerException != null)
        {
            Debug.WriteLine($"Inner Exception: {ex.InnerException.Message}");
        }
    }
}

在PageA中接收参数并处理：

public partial class PageAView: ContentPage
{
    public PageAView()
    {
        InitializeComponent();
        BindingContext = vm;
    }

    protected override void OnNavigatedTo(NavigatedToEventArgs args)
    {
        base.OnNavigatedTo(args);
        // 检查是否有滚动到顶部的指令
        if (Navigation.Parameter is IDictionary<string, object> parameters && 
            parameters.TryGetValue("ScrollToTop", out var scrollValue) && 
            scrollValue is true)
        {
            MainScrollView.ScrollToAsync(0, 0, animate: false);
            // 移除参数，避免后续导航重复触发
            parameters.Remove("ScrollToTop");
        }
    }
}

方法3：强制重建PageA实例（不推荐） #

如果不需要保留PageA的任何状态，可以强制Shell重新创建页面实例，自然会回到顶部：
修改PageBVM的导航代码：

[RelayCommand]
private async void OnNavigateBackToPageAView()
{
    try
    {
        // 第二个参数设为true，强制使用NavigationMode.New重建页面
        await Shell.Current.GoToAsync("///pageA", true,
            new Dictionary<string, object>
            {
                {"pageA", pageA }
            });
    }
    catch (Exception ex)
    {
        Debug.WriteLine($"Error navigation back to page A view: {ex.Message}");
        if (ex.InnerException != null)
        {
            Debug.WriteLine($"Inner Exception: {ex.InnerException.Message}");
        }
    }
}

注意：此方法会重置PageA的所有状态，仅适合无需保留页面数据的场景。

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