[BottomNavigation] Renders bottom empty space if tabstrip is not defined #7471

<BottomNavigation backgroundColor="yellow">
    <!-- <TabStrip>
        <TabStripItem title="First"></TabStripItem>
        <TabStripItem title="Second"></TabStripItem>
        <TabStripItem title="Third"></TabStripItem>
        <TabStripItem title="Fourth"></TabStripItem>
    </TabStrip> -->

    <TabContentItem>
        <GridLayout>
            <!-- <Label text="First View" /> -->
            <Button text="Go to fifth (no tabstrip item)" tap="onTap" />
        </GridLayout>
    </TabContentItem>

    <TabContentItem>
        <GridLayout>
            <Label text="Second View" />
        </GridLayout>
    </TabContentItem>

        <TabContentItem>
        <GridLayout>
            <Label text="Third View" />
        </GridLayout>
    </TabContentItem>

        <TabContentItem>
        <GridLayout>
            <Label text="Fourth View" />
        </GridLayout>
    </TabContentItem>

        <TabContentItem>
        <GridLayout>
            <Label text="Fifth View" />
        </GridLayout>
    </TabContentItem>
</BottomNavigation>