maui开发一个登陆聊天界面

登陆

界面代码：
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/0c6131041a804b2bbd0ecde792539c28.png

appShell.xaml

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="LoginFlow.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:LoginFlow"
    xmlns:views="clr-namespace:LoginFlow.Views"
    Shell.FlyoutBehavior="Disabled">

    <!--Loading Page-->
    <ShellContent
        Title="Home"
        ContentTemplate="{DataTemplate views:LoadingPage}"
        Route="loading" />
    <!--Login Page-->
    <ShellContent 
        Title="Login" 
        ContentTemplate="{DataTemplate views:LoginPage}"
        Route="login"/>
    
    <!--Main Page-->
    <TabBar>
        <Tab Title="首页" Icon="home.svg">
            <ShellContent
                Icon="home.svg"
        Title="首页"
        ContentTemplate="{DataTemplate views:HomePage}"
        Route="home" />

        </Tab>
        <Tab Title="聊天" Icon="chat.svg">
            <ShellContent
            Icon="chat.svg"
    Title="聊天"
    ContentTemplate="{DataTemplate views:Chat}"
    Route="chat" />

        </Tab>
        <Tab Title="我的" Icon="self.svg">
            <ShellContent
                Icon="self.svg"
        Title="我的"
        ContentTemplate="{DataTemplate views:SettingsPage}"
        Route="settings" />
        </Tab>
    </TabBar>

</Shell>

appShell.xaml.cs

using LoginFlow.Views;

namespace LoginFlow;

public partial class AppShell : Shell
{
   
    public AppShell()
    {
   
        InitializeComponent();
        //Register all routes
        Routing.