Xamarin.Forms Tabbed View - Manage Complex Tab View
- The only component that provides nested tab support with different header placement support.
- Custom tab headers can display a badge with additional information related to the content.
- Enable or disable swipe action for better navigation.
Trusted by the world’s leading 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.
Swipe navigation
Swipe the content to easily navigate among the tabs with smooth transition.
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.
Top and Bottom Tab Navigation
The tabbed view header panel can be placed either at the top or bottom.
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.
Header customization
Customize the header color, text color, icon size, and selection color to fit your application’s theme.
Custom tab header
Add custom view in the tab header to display additional views like badge, close button etc.,
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.
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; }Not sure how to create your first Xamarin Tabbed View? Our documentation can help.
I’d love to read it now150+ XAMARIN UI CONTROLS
ALL CONTROLS
- Xamarin.Forms
- Xamarin.Android
- Xamarin.iOS
- GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONDOCUMENT PROCESSING LIBRARIESVIEWER/EDITORMISCELLANEOUSCHAT
- GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONVIEWER/EDITORDOCUMENT PROCESSING LIBRARIESMISCELLANEOUS
- GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONVIEWER/EDITORDOCUMENT PROCESSING LIBRARIESMISCELLANEOUS
The most downloaded control (based on the nuget.org download count).
Frequently Asked Questions
Why should you choose Syncfusion Xamarin Tabbed View?
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.
Where can I find the Syncfusion Xamarin Tabbed View demo?
You can find our Xamarin Tabbed View demo here.
Can I download and utilize the Syncfusion Xamarin Tabbed View for free?
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.
How do I get started with Syncfusion Xamarin Tabbed View?
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.
Amazing tool, great designs
Using Xamarin templates from Syncfusion I can focus on the code and do not have to worry about design. Very easy to implement.
Dirk F, 
Software Development Engineer, Small-Business
Essential for any Xamarin developer!
A large number of components that complement or improve almost everything that does not yet exist in Xamarin. The support is the best I've ever seen! They fix bugs quickly and are always willing to listen to suggestions.
Cezar W,
Co-Founder, Small-Business
Rated by users across the globe
Syncfusion Xamarin.Forms Resources
Learning 
Documentation
Documentation 
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.
