React native WIX Navigation V2-推到新屏幕时隐藏底部选项卡栏 问题说明

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

复制/代码片段/屏幕截图的步骤 以下是显示选项卡栏应用程序的代码：

底部选项卡：{
id:'BottomTabsId'，
儿童：[
{
堆栈：{
儿童：[
{
组成部分：{
姓名：'家'，
选项：{
顶栏：{
后按钮：{
标题:"背",，
},
标题：{
文字：“家”
}
},
底部选项卡：{
尺寸：12，
文本：“主页”，
图标：require（'./src/assets/home.png'），
selectedIcon:require（“./src/assets/home\u active.png”）
},
},
},
}
]
}
},
{
堆栈：{
儿童：[
{
组成部分：{
名称：'预订'，
选项：{
顶栏：{
标题：{
文本：“预订”
}
},
底部选项卡：{
文本：“预订”，
尺寸：12，
图标：require（'./src/assets/booking.png'），
selectedIcon:require（“./src/assets/booking\u active.png”）
}
}
},
}
],
},
},
],
},

选项卡栏仍然存在：（

我想要实现的是这一点

---

环境

• React本机导航版本：2.0.2454
• React本机版本：0.56
• 平台（iOS、Android或两者皆有？）：iOS
• 设备信息（模拟器/设备？操作系统版本？调试/发布？）：模拟器IOS 11

---

您需要使用

底部选项卡推动该屏幕。可见：false

选项：

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

---

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

选项卡

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

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

对于android，在v2中隐藏底部选项卡

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

它在iOS和Android上都不工作？您可以尝试使用最新的
react本机导航吗
？这看起来像
v1
语法