Question

我使用的是 Nativescript 7+，我想在导航到某些页面后隐藏 TabStrip。下面是我的 .html 代码。

<BottomNavigation id="bottomNav">
    <TabStrip>
        <TabStripItem iconSource="font://&#xf015;" title="title1" class="fa tabstripitem"></TabStripItem>
        <TabStripItem iconSource="font://&#xf015;" title="title2" class="fa tabstripitem"></TabStripItem>
        <TabStripItem iconSource="font://&#xf015;" title="title3" class="fa tabstripitem"></TabStripItem>
        <TabStripItem iconSource="font://&#xf015;" title="title4" class="fa tabstripitem"></TabStripItem>
    </TabStrip>

    <TabContentItem>
        <page-router-outlet name="outlet1"></page-router-outlet>
    </TabContentItem>
    <TabContentItem>
        <page-router-outlet name="outlet2"></page-router-outlet>
    </TabContentItem>
    <TabContentItem>
        <page-router-outlet name="outlet3"></page-router-outlet> 
    </TabContentItem>
    <TabContentItem>
        <page-router-outlet name="outlet4"></page-router-outlet>
    </TabContentItem>
</BottomNavigation>

我尝试使用：

let bottomBar = <BottomNavigation>Application.getRootView();

if (bottomBar.android) {
    bottomBar.tabStrip.visibility = Visibility.hidden;
} else {
    bottomBar.viewController.tabBar.hidden = true;
}

然而，bottomBar.tabStrip.visibility = Visibility.hidden; 隐藏了整个标签页（白页）。我正在 Android 手机上进行测试。

Answer 1

就这样使用

if (isAndroid) {
this.bottomNavBar.android.bottomNavigationBar.setVisibility(android.view.View.GONE)
} else {
     this.bottomNavBar.ios.tabBar.hidden = true;
}

在 Nativescript 中隐藏底部导航栏

1 个答案: