Nativescript Angular TabStrip设置为折叠的可见性仍会占用空间

Question

我有一个如下所示的导航标签。我希望隐藏tabStrip并将可见性设置为折叠可以完成工作。但是，隐藏的tabStrip仍占据该区域的空白。有什么想法可以完全摆脱空白吗？

<Tabs selectedIndex="0" tabsPosition="top" >

    <TabStrip [visibility]="hideTab() ? 'visible' : 'collapse'">
        <TabStripItem class="special">
            <Label text="test"></Label>
        </TabStripItem>
    </TabStrip>

    <TabContentItem>
    </TabContentItem>
</Tabs>

Answer 1

为了隐藏iOS上的TabBar，一旦加载内容，您将调整框架大小。

onTabViewLoaded(tabView) {
    const viewController = tabView.viewController,
        tabBar = viewController.tabBar;

    tabBar.frame = CGRectMake(tabBar.frame.origin.x, tabBar.frame.origin.y, tabBar.frame.size.width, 0);
}

Playground Sample