Xamarin.Forms开发报错：'MainPage'是类型却被当作变量，求导航方案

错误原因分析 #

你遇到的'MainPage' is a type but is used like a variable错误，是因为当前代码所在的页面类本身就叫MainPage（比如你的登录页是MainPage.xaml），直接写MainPage = ...时，编译器会把它识别为类型名称，而非App实例的MainPage属性。

另外，PushAsync()在Android端无法正常使用，本质是因为当前页面没有被包裹在NavigationPage中，导致Navigation属性为null，调用导航方法时触发异常。

解决方案 #

方案1：直接替换应用根页面（登录后无需返回登录页） #

如果登录后不需要再回到登录页面，可以直接修改App实例的根页面，彻底切换应用的导航上下文：

private void Button_Clicked(object sender)
{
    string username = txtUsername.Text;
    string password = txtPassword.Text;

    if (username == "username" && password == "password")
    {
        // 访问App实例的MainPage属性，替换为HomePage的导航页
        Application.Current.MainPage = new NavigationPage(new HomePage());
    }
    else
    {
        DisplayAlert("用户名或密码错误", "请重试", "确定");
    }
}

方案2：使用导航栈实现页面跳转（支持返回登录页） #

如果需要保留登录页在导航栈中（允许从HomePage返回），需要先确保初始页面被NavigationPage包裹，再调用PushAsync：

1. 修改App.xaml.cs的初始化代码，将登录页包裹在NavigationPage中：

public App()
{
    InitializeComponent();
    // 把MainPage（登录页）作为NavigationPage的根页面
    MainPage = new NavigationPage(new MainPage());
}

2. 修改按钮点击事件为异步方法，调用PushAsync：

// 注意添加async关键字
private async void Button_Clicked(object sender)
{
    string username = txtUsername.Text;
    string password = txtPassword.Text;

    if (username == "username" && password == "password")
    {
        // 异步跳转到HomePage
        await Navigation.PushAsync(new HomePage());
    }
    else
    {
        await DisplayAlert("用户名或密码错误", "请重试", "确定");
    }
}

两种方案对比 #

• 替换根页面：登录页会被销毁，无法通过返回键回到登录页，适合需要完全切换应用入口的场景。
• 导航栈跳转：登录页保留在栈中，可通过返回键回到登录页，适合需要临时跳转的场景。

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