Registration page on xamarin

Question

enter image description here

Who knows how to do something like this, I do not know how to make a separate square in which the data registration will be located, etc. and plus how to make separate squares inside which the login, password, etc. will be located.Working with xamarin for the first time.Help please

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:vm="clr-namespace:App1.ViewModel"
         x:Class="App1.View.LoginPage" BackgroundColor="#f0f2f5">
<ContentPage.BindingContext>
    <vm:LoginViewModel/>
</ContentPage.BindingContext>

<ContentPage.Content>

    <Frame BackgroundColor="White" CornerRadius="20" WidthRequest="396" HeightRequest="430" VerticalOptions="Center"  HorizontalOptions="Center" >
        <StackLayout>
            <Label Text="Вход на Lockdown" TextColor="Black" HorizontalOptions="Center" FontSize="Title" Margin="0,30,0,10" />
            <Entry  Placeholder="Логин" x:Name="login" Text="{Binding Login}" />
            <Entry Placeholder="Пароль" x:Name ="password" Text="{Binding Password}"  IsPassword="True"/>
            <Label x:Name="LoginMessageLabel" Text="{Binding LoginMessage,Mode=OneWay}" IsVisible="{Binding TurnLoginMessage,Mode=OneWay}" Margin="10,0,0,0" TextColor="Red"></Label>
        <Button x:Name="loginButton" Text="Вход" TextColor="White" BorderRadius="6" BackgroundColor="#1877F2" Margin="10,10,10,10"
                Command="{Binding cmdLogin}">
            
        </Button>
        <Button x:Name="createAccount" Text="Создать новый аккаунт" TextColor="White" BorderRadius="6" BackgroundColor="#42B72A" Margin="10,10,10,10" Command="{Binding cmdCreateAccount}"/>
        <Label Text="Забыли пароль?" TextColor="#1877F2" HorizontalOptions="Center">
            <Label.GestureRecognizers>
                <TapGestureRecognizer Command="{Binding cmdForgotPassword}"/>
            </Label.GestureRecognizers>
        </Label>
    </StackLayout>
    </Frame>


</ContentPage.Content>

Answer 1

You can try you can try Rg.Plugins.Popup ,which is a cross platform plugin for Xamarin.Forms which allows you to open Xamarin.Forms pages as a popup that can be shared across iOS, Android, UWP, and macOS. Also the plugin allows you to use very simple and flexible animations for showing popup pages.

And there is a sample included in above link,you can refer to it.

For Wiki, you can check: https://github.com/rotorgames/Rg.Plugins.Popup/wiki/PopupPage.