文章/答案/技术大牛

发布

社区首页 >问答首页 >WIX导航V2 -推到新屏幕时隐藏底部选项卡栏

问WIX导航V2 -推到新屏幕时隐藏底部选项卡栏
EN

Stack Overflow用户

提问于 2018-08-12 05:26:02

回答 3查看 4.5K关注 0票数 2

问题描述

我有一个TabBar基应用程序，在我的一个选项卡中，我需要将它推到另一个屏幕上，但是选项卡栏不应该显示在推送屏幕中。但底部条仍然存在于推送屏幕中。我想要实现的不是完全隐藏底部选项卡栏，而是将推屏放在选项卡栏的顶部。

复制/代码片段/屏幕截图的步骤

下面是显示选项卡应用程序的代码：

bottomTabs: { id: 'BottomTabsId', children: [ { stack: { children: [ { component: { name: 'Home', options: { topBar: { backButton: { title: 'Back', }, title: { text: 'Home' } }, bottomTab: { fontSize: 12, text: 'Home', icon: require('./src/assets/home.png'), selectedIcon: require('./src/assets/home_active.png') }, }, }, } ] } }, { stack: { children: [ { component: { name: 'Booking', options: { topBar: { title: { text: 'Booking' } }, bottomTab: { text: 'Booking', fontSize: 12, icon: require('./src/assets/booking.png'), selectedIcon: require('./src/assets/booking_active.png') } } }, } ], }, }, ], },

Tab栏仍然存在:( )

我想要实现的是这个

环境

React本机导航版本: 2.0.2454
React本地版本: 0.56
平台( IOS，Android，还是两者兼而有之)：IOS
设备信息(模拟器/设备？操作系统版本？调试/发布？)：模拟器IOS 11

react-native-navigation

wix-react-native-navigation

react-native-navigation-v2

react-native

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-08-12 08:31:30

您需要使用bottomTabs.visible: false选项按下屏幕：

Navigation.push(this.props.componentId, {
  component: {
    name: 'your.component.name',
    options: {
      bottomTabs: {
        visible: false,
        drawBehind: true
      }
    }
  }
});

票数 6

Stack Overflow用户

发布于 2019-02-16 06:25:16

v2中的android隐藏底部选项卡

componentDidMount() {
    Navigation.mergeOptions(this.props.componentId, {
        bottomTabs: {
          visible: false,
          drawBehind:true
        }
      });
}

票数 1

Stack Overflow用户

发布于 2018-08-16 09:37:40

我也面临着同样的问题。在推送新屏幕时，我找到了一种以编程方式隐藏tabs的方法。

您可以将选项卡隐藏在新推送的屏幕中。在构造函数中编写下面的切换。

this.props.navigator.toggleTabs({
      to: 'hidden',
      animated: false,
    });

票数 0

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

原文链接：

https://stackoverflow.com/questions/51805963

复制

相似问题

问WIX导航V2 -推到新屏幕时隐藏底部选项卡栏
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WIX导航V2 -推到新屏幕时隐藏底部选项卡栏EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WIX导航V2 -推到新屏幕时隐藏底部选项卡栏
EN