We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Xamarin Tabbed View is a simple and intuitive interface for tab navigation in mobile application, where users can explore and switch between different tabs.


Adding multiple tabs

The Xamarin.Forms tabbed view will display a list of tabs that will hold the required views. Populate tabs either by adding each tab item or binding it to a data source. It can hold any number of tab items. Users can define the visible tabs count and access the remaining tabs by using the drop-down menu or simply scrolling to make them visible.

Multiple tabs in Xamarin.Forms tabbed view


Swipe navigation

Swipe the content to easily navigate among the tabs with smooth transition.

Xamarin.Forms tabbed view illustration for swipe navigation


Selection

Only the selected tab view can occupy the entire content area. Users can explore and switch between different views by simply tapping on the header or swiping.

Xamarin.Forms tabbed view with selected tab


Top and Bottom Tab Navigation

The tabbed view header panel can be placed either at the top or bottom.

Bottom tab navigation in Xamarin.Forms tabbed view


Icon text relation

There may be scenarios where icons, text, or text with icons are optimal. The Xamarin.Forms Tabbed View comes with all these options.


Auto TabWidth

The Tabbed View headers can be rendered based on the text size.

Xamarin.Forms Auto TabWidth


Header customization

Customize the header color, text color, icon size, and selection color to fit your application’s theme.

Xamarin.Forms tabbed view header with visually customized text


Custom tab header

Add custom view in the tab header to display additional views like badge, close button etc.,

Notification view in Xamarin.Forms tabbed view header


Icon font

Use the built-in icon font support of tabbed view to get rid of icon scalability issues and reduce app footage by avoiding solid images.

Font icon support in Xamarin.Forms tabbed view


Xamarin.Forms Tabbed View Code Example

Easily get started with the Xamarin.Forms Tabbed View using a few simple lines of XAML and, C# code example as demonstrated below. Also explore our Xamarin.Forms Tabbed View Example that shows you how to render and configure the Tabbed View for Xamarin.Forms.

<tabView:SfTabView BackgroundColor="Aqua">
       <tabView:SfTabItem Title="Call">
       <tabView:SfTabItem.Content>
       <Grid BackgroundColor="Red" x:Name="AllContactsGrid" />
       </tabView:SfTabItem.Content>
       </tabView:SfTabItem>
</tabView:SfTabView>
SfTabView tabView;
public MainPage()
{
           InitializeComponent();
            var tabView = new SfTabView();
            Grid allContactsGrid = new Grid {BackgroundColor = Color.Red};
            var tabItems = new TabItemCollection
            {
                new SfTabItem()
                {
                    Title = "Calls",
                    Content = allContactsGrid
                },               
            };
            tabView.Items = tabItems;
            this.Content = tabView;
}



150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

The Syncfusion Xamarin Tabbed View provides the following:

  • The only component that provides nested tab support with different header placement support.
  • Custom tab headers that can display a badge with additional information related to the content.
  • Better navigation by enabling or disabling the swipe action.
  • One of the best Xamarin Tabbed View components in the market that offers a feature-rich UI.
  • Simple configuration and API.
  • Touch friendly and responsive.
  • Extensive demos, documentation to learn quickly and get started with Xamarin Tabbed View.

You can find our Xamarin Tabbed View demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion Xamarin.Forms Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon