toptabbedpage-xamarin-forms icon indicating copy to clipboard operation
toptabbedpage-xamarin-forms copied to clipboard

TopTabbedPage - A Xamarin.Forms page for showing tabs at top on iOS

TopTabbedPage - A Xamarin.Forms control

TopTabbedPage

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

Tab 1 Tab 5

About

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

Looking for developers for your project?


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.