TransitioningContentControl can not show the view

[BenDerPan]

my project was created with the visual studio tempalte, support desktop ,android and web.

MainViewModel:

public class MainViewModel : ViewModelBase
{
    ViewModelBase _CurrentViewModel;

    public ViewModelBase CurrentViewModel
    {
        get { return _CurrentViewModel; }
        private set { this.RaiseAndSetIfChanged(ref _CurrentViewModel, value); }
    }

    public MainViewModel() 
    {
        _CurrentViewModel=new LoginViewModel();
    }
}

MainView.axaml:

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:vm="clr-namespace:App1.ViewModels"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:CompileBindings="True"
             x:Class="App1.Views.MainView"
             x:DataType="vm:MainViewModel">
  <Design.DataContext>
    <!-- This only sets the DataContext for the previewer in an IDE,
         to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
    <vm:MainViewModel />
  </Design.DataContext>
    <Grid>
        <TransitioningContentControl Content="{Binding CurrentViewModel}"></TransitioningContentControl>
    </Grid>

</UserControl>

LoginViewModel:

public class LoginViewModel : ViewModelBase
    {
        public LoginViewModel() { }
    }

LoginView.axaml:

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:vm="using:App1.ViewModels"
             mc:Ignorable="d" d:DesignWidth="1440" d:DesignHeight="900"
             x:Class="App1.Views.LoginView"
             x:DataType="vm:LoginViewModel">
    <WrapPanel Background="White">
        <Image Source="/Assets/bg.png" Margin="5"></Image>
        <Grid RowDefinitions="*,auto,*" ColumnDefinitions="*,auto,*" VerticalAlignment="Center">
            <Grid Grid.Row="1" Grid.Column="1" Margin="5">
                <StackPanel Orientation="Vertical">
                    <TextBlock Text="Login" HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold"  FontSize="28" Foreground="#282C40"></TextBlock>
                    <StackPanel Orientation="Vertical" VerticalAlignment="Center" Margin="5,20">
                        <TextBlock Text="User" FontSize="14" Foreground="#80828E" VerticalAlignment="Center" Margin="5"></TextBlock>
                        <TextBox Watermark="Your account" MinWidth="376" FontFamily="Source Han Sans CN" FontSize="14" Foreground="#333333" VerticalAlignment="Center" VerticalContentAlignment="Center"></TextBox>
                    </StackPanel>

                    <StackPanel Orientation="Vertical" VerticalAlignment="Center" Margin="5,5">
                        <TextBlock Text="Password" FontSize="14" Foreground="#80828E" VerticalAlignment="Center" Margin="5"></TextBlock>
                        <TextBox PasswordChar="*" Watermark="Your password" MinWidth="376" FontSize="14" Foreground="#333333" VerticalAlignment="Center" VerticalContentAlignment="Center"></TextBox>
                    </StackPanel>
                </StackPanel> 
            </Grid>
        </Grid>
    </WrapPanel>
</UserControl>

when run it , the main window only show the full name of the view model. I hope it show the login view

[BenDerPan]

any routing example with the visual studio tempaltes? it generated without ViewLocator.cs too.

[BenDerPan]

fixed, we should add ViewLocator to App.axaml.