Xamarin Forms中用MVVM创建登录页遇空引用异常求助

Hey Yasmeen, sorry to hear you're stuck on this null reference issue—let's walk through the most common culprits and get your login page working properly.

First, let's break down why your loginview is coming up null:

1. You forgot to call InitializeComponent() in your View's constructor #

This is the #1 cause of null controls in Xamarin.Forms. The InitializeComponent() method is what loads all the XAML elements and maps them to their code-behind references. Double-check your login.cs constructor:

public MyLoginView()
{
    // This line is NON-NEGOTIABLE—without it, all your XAML controls will be null
    InitializeComponent();
    // Then set your BindingContext here (or in XAML)
    BindingContext = new MyLoginViewModel();
}

2. Your BindingContext isn't set correctly #

If your ViewModel isn't connected to your View, bindings will fail and can lead to null references (especially if you're trying to trigger commands that rely on View data). You can set this two ways:

• In XAML: Add a StaticResource for your ViewModel in your page's resources, then set the BindingContext:

  <ContentPage.Resources>
      <local:MyLoginViewModel x:Key="LoginVM" />
  </ContentPage.Resources>
  <ContentPage.BindingContext>
      {StaticResource LoginVM}
  </ContentPage.BindingContext>
  

• In Code-Behind: As shown above, assign the BindingContext directly in the constructor after calling InitializeComponent().

3. Typos or mismatched x:Name in XAML #

Double-check that the x:Name you assigned to your login view control in XAML exactly matches what you're referencing in code. For example:

• If your XAML has <StackLayout x:Name="loginView"> (capital V), don't reference it as loginview (lowercase v) in code—C# is case-sensitive!

4. You're directly referencing the View from your ViewModel (bad MVVM practice) #

If you're trying to access loginview directly from your ViewModel, that's a red flag. MVVM is about separation of concerns—your ViewModel shouldn't know about View elements. Instead:

1. Add Username and Password properties to your ViewModel:

   private string _username;
   public string Username
   {
       get => _username;
       set => SetProperty(ref _username, value); // Use INotifyPropertyChanged here
   }
   
   private string _password;
   public string Password
   {
       get => _password;
       set => SetProperty(ref _password, value);
   }
   

2. Bind your XAML Entry controls to these properties:

   <Entry Text="{Binding Username}" Placeholder="Username" />
   <Entry Text="{Binding Password}" Placeholder="Password" IsPassword="True" />
   

3. Your LoginCommand can then use these ViewModel properties instead of accessing View controls directly.

5. Your ViewModel commands aren't initialized #

If your login command is null, triggering it can throw a null reference exception. Make sure you initialize your command in the ViewModel's constructor:

public ICommand LoginCommand { get; }

public MyLoginViewModel()
{
    LoginCommand = new Command(ExecuteLogin);
}

private void ExecuteLogin()
{
    // Use Username and Password properties here to handle login logic
}

Start with checking InitializeComponent() and BindingContext first—those are the most likely fixes. If you still run into issues, share a snippet of your XAML and ViewModel code, and we can dig deeper!

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