The requested page is not available for the requested platform. You are viewing the content for Default platform.

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.

Examples

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

<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>
See Also