How to TabbedPage in Xamarin.Forms


TabbedPage is one of the basic Page type in Xamarin.Forms. With it you can create Tab bar like app in iOS and TabHost app in Android.
It is very easy to create and maintain TabbedPage in Xamarin.Forms.

Let’s Start:

Create a new solution for Xamarin.Forms and name is “TabbedPageXamarinForms”.

Create a new ContentView file and name it as TabPage and extend it with TabbedPage.
Set NavigationPage to to the TabPage through:

We need different Page to display in TabbedPage, create 3 another ContantPage files and name it “FirstPage”,“SecondPage”,“ThirdPage”.

Now write below code in TabPage.cs

Now try to build and run the app you will see your app like:

For iOS:



For Android:



If you like this tutorial then you can download full copy of the code from github

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">