Creating Xamarin Navigation In C# using Microsoft Visual Studio

Prerequistes

• Create a Xamarin Navigation in C#.

Xamarin Navigation

1. Create a new solution in Xamarin.Forms Portable (PCL).
   
   
   
   
2. We’ll have the environment, given below-
   
   
   
   
3. Add the Main page.
   
   Right click on the name of the project portable ---> add new item -> Cross Platform ---> Code---> Forms Content Page (name it as Main Page).
   
   
   
   
4. Add the second page.
   
   Right click on the name of the project portable --> add new item ---> Cross Platform ---> Code ---> Forms Content Page (name it as Second Page).
   
   
   
   
5. Now, we are ready to write the code. First of all, we’ll rewrite the App.cs code with the code, given below-
   

   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Text;
   using Xamarin.Forms;
   namespace Booster2 {
       public class App: Application {
           public App() {
               MainPage = new NavigationPage(new MainPage()); {};
           }
           protected override void OnStart() {}
           protected override void OnSleep() {}
           protected override void OnResume() {}
       }
   }

   1. Now, we are going to write the code at the backend for both Main and Second Page. 
   
   Main Page
   

   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Reflection.Emit;
   using System.Text;
   using Xamarin.Forms;
   namespace Booster2 {
       public class MainPage: ContentPage {
           public MainPage() {
               Title = "Main Page";
               Button changePage = new Button {
                   Text = "Change Page Test",
                       HorizontalOptions = LayoutOptions.Center,
                       VerticalOptions = LayoutOptions.CenterAndExpand
               };
               changePage.Clicked += async(sender, args) => {
                   await Navigation.PushAsync(new SecondPage());
               };
               Content = new StackLayout {
                   Children = {
                       changePage
                   }
               };
           }
       }
   }

   Second Page
   

   using System;
   using System.Collections.Generic;
   using System.Linq;
   using System.Reflection.Emit;
   using System.Text;
   using Xamarin.Forms;
   namespace Booster2 {
       public class SecondPage: ContentPage {
           public SecondPage() {
               Content = new StackLayout {
                   Children = {
                       new Label {
                           Text = "Hi. I'm the Second Page"
                       }
                   }
               };
           }
       }
   }

Now, if we work well, we’ll have, after the deployment (CTRL+5), the outputs are given below-

Android



  

Windows 10 Desktop Emulator





Windows 10 Mobile