Home

Awesome

<img src="./art/repo_header.png" alt="TopTabbedPage - A Xamarin.Forms control" width="728" />

TopTabbedPage

A Xamarin.Forms page based TabbedPage to show tabs at top on iOS.

Tab 1Tab 5

About

This project is maintained by Naxam Co.,Ltd.<br> We specialize in developing mobile applications using Xamarin and native technology stack.<br>

Looking for developers for your project?<br>

<a href="mailto:tuyen@naxam.net"> <img src="https://github.com/NAXAM/naxam.github.io/blob/master/assets/img/hire_button.png?raw=true" height="40"></a> <br>

Installation

Install-Package Naxam.TopTabbedPage.Forms

Usage

This control is used the same as standard tabbed page, except it has one more options to set selected tab indictor color, BarIndicatorColor.

<forms:TopTabbedPage
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class="Naxam.Demo.TestPage"
    xmlns:views="clr-namespace:Naxam.Demo"
    xmlns:forms="clr-namespace:Naxam.Controls.Forms;assembly=Naxam.TopTabbedPage.Forms"
    BarTextColor="#00b9e1"
    BarIndicatorColor="#00b9e1"
    BarBackgroundColor="#ffffff"
    Title="MyRide">
    <views:Page1 />
    <views:Page2 />
</forms:TopTabbedPage>

Add this line to your iOS AppDelegate.cs file

TopTabbedRenderer.Init();

Credits

This library currently uses MDTabBar from MaterialControls library.

License

TopTabbedPage is released under the Apache License license. See LICENSE for details.