CODEWITHSUNDEEP
xamlxamarinxamarin.formstabbedpage
Arvind Chourasiya
Arvind Chourasiya

Reputation: 17472

How to add content page or view before tabbed page

I want to add Page/View before TabbedPage, how can I do that?

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"  
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:views="clr-namespace:TestProject.TabbedPages"  
     x:Class="TestProject.ItemPage"
     Title = "Home Page">
    <TabbedPage.Children>
    <views:AprovedLeaves Title="Approved leaves"/>
    <views:PendingLeaves Title="Pending leaves"/>
    <views:DeniedLeaves Title="Denied leaves"/>
    </TabbedPage.Children>
</TabbedPage>

Above code showing output like this

enter image description here

But I need some space before tabs. Like this

enter image description here

Upvotes: 2

Views: 1099

Answers (1)

FreakyAli
FreakyAli

Reputation: 16572

I would suggest you use the Segmented Control Plugin for this look for Plugin.Segmentedon Nuget and install Plugin.SegmentedControl.NetStandard

Initialize it on iOS something like this:

 SegementedControlRenderer.Initialize();

Then use it in XAML like this 

  <control:SegmentedControl x:Name="SegmentedControl" SelectedSegment="{Binding SegmentSelection}" TintColor="White" SelectedTextColor="BlueViolet" DisabledColor="Gray" Margin="8,8,8,8">  
        <control:SegmentedControl.Children>  
            <control:SegmentedControlOption Text="Item 1" />  
            <control:SegmentedControlOption Text="Item 2" />  
            <control:SegmentedControlOption Text="Item 3" />  
            <control:SegmentedControlOption Text="Item 4" />  
        </control:SegmentedControl.Children>  
    </control:SegmentedControl>

A step by step guide is available on this C# corner blog

Feel free to revert in case of queries

Upvotes: 1

Related Questions