.NET MAUI State Container加载视图导航异常问题求助

问题原因 #

这不是导航本身的问题，核心是状态键冲突+状态实例作用域导致的：

• 若你使用了全局共享的状态对象，两个页面都注册了StateKey="Loading"，触发加载状态时，主页面的视图先绑定了该键，新页面的视图无法覆盖关联。
• 若页面的StateContainer没有绑定独立的状态实例，会共用同一状态上下文，导致视图复用旧页面的配置。

解决办法 #

1. 为不同页面设置唯一状态键 #

给新页面的加载状态分配专属StateKey，避免和主页面冲突：

<mct:StateContainer.StateViews>
    <loading:ReadingLoadingView
        mct:StateView.StateKey="ReadingLoading" />
</mct:StateContainer.StateViews>

触发新页面加载时，切换到ReadingLoading状态键即可。

2. 为每个页面绑定独立状态实例 #

不要复用全局单例状态对象，在新页面的ViewModel中创建专属状态实例：

// 新页面ViewModel
public class ReadingPageViewModel
{
    public StateContainer State { get; } = new StateContainer();
}

然后页面绑定该独立实例：

<ContentPage.BindingContext>
    <viewmodels:ReadingPageViewModel />
</ContentPage.BindingContext>

<mct:StateContainer State="{Binding State}">
    <!-- 页面内容 -->
    <mct:StateContainer.StateViews>
        <loading:ReadingLoadingView mct:StateView.StateKey="Loading" />
    </mct:StateContainer.StateViews>
</mct:StateContainer>

3. 导航时重置状态上下文 #

在导航到新页面之前，将全局状态切换为非加载状态，进入新页面后再触发对应加载状态，避免旧视图残留：

// 导航前重置状态
GlobalState.CurrentState = "Default";
await Navigation.PushAsync(new ReadingPage());
// 在新页面ViewModel中触发加载
State.CurrentState = "Loading";

是否应该使用同一加载视图？ #

根据需求选择：

• 若所有页面加载样式统一，用同一加载视图更高效，只需在全局配置一次StateContainer的Loading视图，无需重复定义。
• 若页面需要差异化加载样式（如你的ReadingLoadingView有特殊设计），则必须通过唯一状态键或独立状态实例区分，避免视图混淆。

内容的提问来源于stack exchange，提问作者Ciara K.