TabView.Items Property

Gets or sets the list of tab items the Tab View displays.

Namespace: DevExpress.XamarinForms.Navigation

Assembly: DevExpress.XamarinForms.Navigation.dll

Declaration

public IList<TabItem> Items { get; }

Property Value

Type	Description
IList<TabItem>	The list of tab items the Tab View displays.

Example

The following example demonstrates how to use the TabView.Items property to manually populate the Tab View with items:

XAML

<dxn:TabView Style="{StaticResource coloredTabView}">
    <dxn:TabItem HeaderText="EXPLORE">
        <dxn:TabItem.HeaderIcon>
            <OnPlatform x:TypeArguments="FileImageSource">
                <On Platform="Android" Value="ic_explore.png"/>
                <On Platform="iOS" Value="explore"/>
            </OnPlatform>
        </dxn:TabItem.HeaderIcon>
        <dxn:TabItem.Content>
            <Label Text="New Trip Targets Here"
                   VerticalTextAlignment="Center"
                   HorizontalTextAlignment="Center"/>
        </dxn:TabItem.Content>
    </dxn:TabItem>
        <dxn:TabItem HeaderText="FLIGHTS">
        <dxn:TabItem.HeaderIcon>
            <OnPlatform x:TypeArguments="FileImageSource">
                <On Platform="Android" Value="ic_flight.png"/>
                <On Platform="iOS" Value="flight"/>
            </OnPlatform>
        </dxn:TabItem.HeaderIcon>
        <dxn:TabItem.Content>
            <Label Text="Flight List Here"
                   VerticalTextAlignment="Center"
                   HorizontalTextAlignment="Center"/>
        </dxn:TabItem.Content>
    </dxn:TabItem>
    <dxn:TabItem HeaderText="TRIPS">
        <dxn:TabItem.HeaderIcon>
            <OnPlatform x:TypeArguments="FileImageSource">
                <On Platform="Android" Value="ic_work.png"/>
                <On Platform="iOS" Value="work"/>
            </OnPlatform>
        </dxn:TabItem.HeaderIcon>
        <dxn:TabItem.Content>
            <Label Text="Finished Trips Here"
                   VerticalTextAlignment="Center"
                   HorizontalTextAlignment="Center"/>
        </dxn:TabItem.Content>
    </dxn:TabItem>
</dxn:TabView>