NativeScript/e2e/nested-frame-navigation/app/bottom-navigation-page/bottom-navigation-page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page">

    <ActionBar class="action-bar">
        <NavigationButton text="bottomNavigationBack" tap="onBackButtonTap" android.systemIcon="ic_menu_back" />
        <Label class="action-bar-title" text="bottom navigation page" horizontalAlignment="center" />
    </ActionBar>
    
    <GridLayout rows="auto, *">
        <StackLayout>
            <Button text="navigate to some page (default transition)" tap="onNavigate" />
            <Button text="navigate to some page (no transition)" tap="onNavigateNone" />
            <Button text="navigate to some page (slide transition)" tap="onNavigateSlide" />
            <Button text="navigate to some page (flip transition)" tap="onNavigateFlip" />
        </StackLayout>

        <GridLayout row="1">
            <BottomNavigation>
                <TabStrip>
                    <TabStripItem title="Players" automationText="playersTabNavigation"></TabStripItem>
                    <TabStripItem title="Dummy" automationText="dummyTabNavigation"></TabStripItem>
                    <TabStripItem title="Teams" automationText="teamsTabNavigation"></TabStripItem>
                </TabStrip>

                <TabContentItem>
                    <Frame defaultPage="players/players-items-page" />
                </TabContentItem>
                <TabContentItem>
                    <Label text="this is a tab" />
                </TabContentItem>
                <TabContentItem>
                    <Frame defaultPage="teams/teams-items-page" />
                </TabContentItem>
            </BottomNavigation>
        </GridLayout>
    </GridLayout>
</Page>