TabView

The TabView is a way to display a set of tabs and their respective content. TabViews are useful for displaying several views of content.

<TabView 
    TabStripPlacement="Bottom"
    TabStripBackgroundColor="Blue"
    TabStripHeight="60"
    TabContentBackgroundColor="Yellow">
    <TabViewItem
        Icon="triangle"
        Text="Tab 1"
        TextColor="White"
        TextColorSelected="Yellow"
        FontSize="12">
        <Grid 
            BackgroundColor="Gray">
            <Label
                HorizontalOptions="Center"
                VerticalOptions="Center"
                Text="TabContent1" />
        </Grid>
    </TabViewItem>
    <TabViewItem
        Icon="circle"
        Text="Tab 2"
        TextColor="White"
        TextColorSelected="Yellow"
        FontSize="12">
        <Grid>
            <Label    
                HorizontalOptions="Center"
                VerticalOptions="Center"
                Text="TabContent2" />
        </Grid>
    </TabViewItem>
</TabView>

Sounds good, but ... why create this control?.

This control has been created with the idea of being able to customize absolutely everything in a simple way.

• Fully customized tabs. You can customize the content of each tab, the tabstrip, the tab indicator or the tab content.
• Dynamic tabs.
• Nested tabs in any way.
• Gestures support.
• Badges support, etc.

TabView

TabViewItem

Upcoming features

Functionality in development or to be implemented:

• Allow to disable or hide Tabs.
• Support RTL.
• Accesibility support.
• More TabStrip customization: TabStripBorderColor and TabStripBorderWidth.
• Review integration with Visual and Shell.

Screenshots

<img src="images/basic-tabview.gif" Width="200" /> <img src="images/fabtab.png" Width="200" /> <img src="images/custom-tabs.gif" Width="200" /> <img src="images/nested-tabs.gif" Width="200" /> <img src="images/scroll-tabs.gif" Width="200" /> <img src="images/tabplacement.gif" Width="200" /> <img src="images/tab-events.gif" Width="200" /> <img src="images/tab-badge.gif" Width="200" />

Copyright and license

Code released under the MIT license.