Sign Up Page In Xamarin.Forms

XAML

1. <StackLayout VerticalOptions="CenterAndExpand" Padding="5">  
2.       <StackLayout Orientation="Horizontal">  
3.           <Entry Placeholder="First Name"></Entry>  
4.           <Entry Placeholder="Last Name"></Entry>  
5.       </StackLayout>  
6.       <Entry Placeholder="Email"></Entry>  
7.       <Entry Placeholder="Password" IsPassword="True"></Entry>  
8.       <Entry Placeholder="Confirm Password" IsPassword="True"></Entry>  
9.       <Label Text="Date Of Birth"></Label>  
10.       <DatePicker></DatePicker>  
11.       <Label Text="Address"></Label>  
12.       <Editor></Editor>  
13.       <StackLayout Orientation="Horizontal">  
14.           <Label Text="Save Password"></Label>  
15.           <Switch IsToggled="False"></Switch>  
16.       </StackLayout>  
17.       <Button Text="Sign Up"></Button>  
18.       <Label Text="Already have account? Sign In" TextColor="Blue"></Label>  
19.   </StackLayout>  

Here, I add the things given below to make this layout:

• Stack Layout

The content page is used and content page contains only one main element in it. Thus, we use Stack Layout in our content page.

• Another stack layout with horizontal orientation

1. Entry with placeholder of the first name.
2. Entry with placeholder of the last name.

• Entry with placeholder Email.
• Entry with placeholder Password.
• Entry with placeholder to confirm Password.
• Label with text Date of Birth Picker.
• A Date Picker to pick Date of birth.
• Label With Text Address.
• Editor to enter address.
• Stack layout with orientation Horizontal

1. Label with text needs to be saved and password needs to be entered.
2. Switch with IsToggled property is set as false.

• A Signup button
• Labels with text already have the account.

Refer to the screenshot given below.