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.
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.
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 the content to easily navigate among the tabs with smooth transition.
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.
The tabbed view header panel can be placed either at the top or bottom.
There may be scenarios where icons, text, or text with icons are optimal. The Xamarin.Forms Tabbed View comes with all these options.
The Tabbed View headers can be rendered based on the text size.
Customize the header color, text color, icon size, and selection color to fit your application’s theme.
Add custom view in the tab header to display additional views like badge, close button etc.,
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.
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;
}The Syncfusion Xamarin Tabbed View provides the following:
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.
Documentation
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.
