Navigation not working

[elibroftw]

When I click the button on the following page, I am not taken to the LoginPage (code for LoginPage now shown but I know it is bug free since I had tested using LoginPage without a LoginRequestPage). I also now know that the button is indeed being clicked since I figured out debugging / logging.

LoginRequestPage.xaml.cs

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Microsoft.Extensions.Logging;
using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Controls.Primitives;
using Microsoft.UI.Xaml.Data;
using Microsoft.UI.Xaml.Input;
using Microsoft.UI.Xaml.Media;
using Microsoft.UI.Xaml.Navigation;
using Uno.Extensions.Navigation;
using Windows.Foundation;
using Windows.Foundation.Collections;

// The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=234238

namespace SplitTheTankApp;
/// <summary>
/// An empty page that can be used on its own or navigated to within a Frame.
/// </summary>
public sealed partial class LoginRequestPage : Page {
    
    private string _email;
    public string Email {
        get => _email;
        set { _email = value; Bindings.Update(); }
    }

    public LoginRequestPage() {
        this.InitializeComponent();
    }

    private void RequestLogin(object sender, RoutedEventArgs e) {
        _ = this.Navigator()?.NavigateViewAsync<LoginPage>(this);
    }
}

LoginRequest.xaml

<Page xmlns:uen="using:Uno.Extensions.Navigation.UI" xmlns:uer="using:Uno.Extensions.Reactive.UI" xmlns:utu="using:Uno.Toolkit.UI" xmlns:muxc="using:Microsoft.UI.Xaml.Controls" xmlns:um="using:Uno.Material" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="using:SplitTheTankApp" x:Class="SplitTheTankApp.LoginRequestPage" mc:Ignorable="d" Background="{ThemeResource BackgroundBrush}" utu:StatusBar.Foreground="Auto" utu:StatusBar.Background="{ThemeResource SurfaceBrush}" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <Page.Resources>
        <x:String x:Key="Icon_Mail">F1 M 18 0 L 2 0 C 0.8999999761581421 0 0.009999990463256836 0.8999999761581421 0.009999990463256836 2 L 0 14 C 0 15.100000023841858 0.8999999761581421 16 2 16 L 18 16 C 19.100000023841858 16 20 15.100000023841858 20 14 L 20 2 C 20 0.8999999761581421 19.100000023841858 0 18 0 Z M 18 4 L 10 9 L 2 4 L 2 2 L 10 7 L 18 2 L 18 4 Z</x:String>
    </Page.Resources>
    <utu:AutoLayout Background="{ThemeResource SurfaceBrush}">
        <utu:AutoLayout Spacing="58" PrimaryAxisAlignment="Center" utu:AutoLayout.PrimaryAlignment="Stretch">
            <TextBlock Text="Split The Tank" utu:AutoLayout.CounterAlignment="Center" Foreground="{ThemeResource OnSurfaceBrush}" Style="{StaticResource DisplayMedium}" />
            <TextBox Text="{x:Bind Email, Mode=TwoWay}" utu:AutoLayout.CounterAlignment="Center" Width="328" PlaceholderText="Email" Style="{StaticResource OutlinedTextBoxStyle}">
                <um:ControlExtensions.Icon>
                    <PathIcon Data="{StaticResource Icon_Mail}" />
                </um:ControlExtensions.Icon>
            </TextBox>
            <Button Click="RequestLogin" Background="{ThemeResource PrimaryBrush}" Content="Request Login / Sign Up" utu:AutoLayout.CounterAlignment="Center" />
        </utu:AutoLayout>
    </utu:AutoLayout>
</Page>

Also, I was wondering if its possible to conditionally render? Right now I am using two pages to do my two-step login process where the user first enter their email address and then goes to a new page to enter in the OTP that was sent to their email.

[sasakrsmanovic]

Maybe @lukeblevins or @nickrandolph would be best positioned to help.

[nickrandolph]

@elibroftw does the Navigator() method return an INavigator?

With regards to two-step login on one page, you can use VisualStates to represent the different states in the login flow and then switch between them using VisualStateManager.GoToState

[elibroftw]

Navigator() returns null