文章/答案/技术大牛

发布

社区首页 >问答首页 >在本机脚本中隐藏BottomNavigation栏

问在本机脚本中隐藏BottomNavigation栏
EN

Stack Overflow用户

提问于 2021-02-20 18:12:32

回答 1查看 43关注 0票数 0

我正在使用原生脚本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手机上测试。

android

angular

nativescript

bottomnavigationview

回答 1

Stack Overflow用户

发布于 2021-02-20 18:25:10

像这样使用

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66290356

复制

相似问题

问在本机脚本中隐藏BottomNavigation栏
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在本机脚本中隐藏BottomNavigation栏EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在本机脚本中隐藏BottomNavigation栏
EN