关键词：
【中文标题】WIX Navigation V2 - 推送到新屏幕时隐藏底部标签栏【英文标题】：WIX Navigation V2 - Hide bottom tab bar when push to a new screen 【发布时间】：2019-01-19 05:13:39 【问题描述】：问题描述
我有 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')
,
],
,
,
],
,
标签栏仍然存在 :(
我想要实现的是这个
环境
React Native Navigation 版本：2.0.2454 React Native 版本：0.56 平台（iOS、Android 或两者？）：IOS 设备信息（模拟器/设备？操作系统版本？调试/发布？）：模拟器 IOS 11【问题讨论】：
【参考方案1】：对于android v2中的隐藏底部标签
componentDidMount()
Navigation.mergeOptions(this.props.componentId,
bottomTabs:
visible: false,
drawBehind:true
);
【讨论】：
【参考方案2】：我也面临同样的问题。我找到了一种在推送新屏幕时以编程方式隐藏tabs 的方法。
您可以在新推送的屏幕中使用隐藏标签。在构造函数中编写以下切换。
this.props.navigator.toggleTabs(
to: 'hidden',
animated: false,
);
【讨论】：
这看起来像v1 语法【参考方案3】：
您需要使用bottomTabs.visible: false 选项推送该屏幕：
Navigation.push(this.props.componentId,
component:
name: 'your.component.name',
options:
bottomTabs:
visible: false,
drawBehind: true
);
【讨论】：
它在 iOS 和 Android 上都不起作用？可以试试最新的react-native-navigation吗？wix-react-native-navigation v2 statusBar 不工作
】wix-react-native-navigationv2statusBar不工作【英文标题】：wix-react-native-navigationv2statusBarnotworking【发布时间】：2018-12-0216:36:20【问题描述】：我正在尝试react-native-navigationV2，但无法更改状态栏颜色。Navigation.setDefaultOptions(statusBar:visibl... 查看详情
WIX React-native-navigation v2 不会调用 registerAppLaunchedListener()
】WIXReact-native-navigationv2不会调用registerAppLaunchedListener()【英文标题】：WIXReact-native-navigationv2willnotcallregisterAppLaunchedListener()【发布时间】：2018-11-2606:21:57【问题描述】：我正在尝试使用react-native-navigation启动一个项目，但似乎无... 查看详情
Wix React-Native-Navigation v2 和 redux-persist
】WixReact-Native-Navigationv2和redux-persist【英文标题】：WixReact-Native-Navigationv2andredux-persist【发布时间】：2019-10-2213:53:02【问题描述】：我正在使用react-native-navigation和redux进行状态管理。我将每个组件注册为WrappedComponent，将其连接到... 查看详情
react-native-navigation ios - 将 UIViewController 推送到导航堆栈
】react-native-navigationios-将UIViewController推送到导航堆栈【英文标题】：react-native-navigationios-pushUIViewControllertonavigationstack【发布时间】：2017-07-2815:31:02【问题描述】：我正在构建一个包含原生iOS视图和react-native屏幕的导航堆栈。但... 查看详情
如何将更改作为分支推送到不在主线中的远程服务器
】如何将更改作为分支推送到不在主线中的远程服务器【英文标题】：HowtopushchangesasabranchtoremoteservernotinMainline【发布时间】：2016-12-2814:17:17【问题描述】：我从git存储库（远程服务器）中提取了一个项目。我做了一些修改。现... 查看详情
React-Native-Navigation (WIX)：如何更新底部标签的徽章计数？
】React-Native-Navigation(WIX)：如何更新底部标签的徽章计数？【英文标题】：React-Native-Navigation(WIX):HowdoIupdatethebadgecountforabottomTab?【发布时间】：2019-01-0118:04:01【问题描述】：我正在使用Navigation.mergeOptions()函数尝试更新第三个选项... 查看详情
wix react native navigation registerComponent React未定义
】wixreactnativenavigationregisterComponentReact未定义【英文标题】：wixreactnativenavigationregisterComponentReactisnotdefined【发布时间】：2022-01-1602:56:59【问题描述】：在react-native-navigation7.14.0中，Navigation.registerComponentWithRedux已被弃用 查看详情
使用 wix@react-native-navigation 运行 react-native 应用程序时出错
】使用wix@react-native-navigation运行react-native应用程序时出错【英文标题】：Errorrunningreact-nativeapplicationwithwix@react-native-navigation【发布时间】：2019-08-2006:17:06【问题描述】：我安装了wix/react-native-navigation并遵循所有必需的配置，以便... 查看详情
如何使用 wix react-native-navigation 获得 bottomTab 按下操作？
】如何使用wixreact-native-navigation获得bottomTab按下操作？【英文标题】：HowtogetbottomTabpressactionwithwixreact-native-navigation?【发布时间】：2020-08-2319:08:28【问题描述】：我已经在react-native-navigation中设置了带有底部标签的导航，这工作正... 查看详情
使用像 React Navigation 这样的基于 JS 的导航解决方案而不是使用像 Wix 的 React Native Navigation 这样的 Native Navigation 的缺点？
】使用像ReactNavigation这样的基于JS的导航解决方案而不是使用像Wix的ReactNativeNavigation这样的NativeNavigation的缺点？【英文标题】：DisadvantageofusingJSbasednavigationsolutionlikeReactNavigationinsteadofusingNativeNavigationlikeWix\'sReactNativeNavigation?【 查看详情
Wix React-Native-Navigation：自定义组件按钮的 onPress
】WixReact-Native-Navigation：自定义组件按钮的onPress【英文标题】：WixReact-Native-Navigation:onPressforcustomcomponentbutton【发布时间】：2018-05-0310:40:14【问题描述】：我按照here给出的示例编写了一个自定义右导航按钮。但是，在使用自定义... 查看详情
我可以将 wix/react-native-navigation 创建的根组件包装在 ApolloProvider 组件中吗
】我可以将wix/react-native-navigation创建的根组件包装在ApolloProvider组件中吗【英文标题】：CanIwraptherootcomponentcreatedbywix/react-native-navigationinanApolloProvidercomponent【发布时间】：2017-02-2502:39:24【问题描述】：我将Meteor的Apollo客户端与wix/... 查看详情
如何在 React Native Navigation wix V1 中单击时关闭抽屉
】如何在ReactNativeNavigationwixV1中单击时关闭抽屉【英文标题】：HowtoclosedraweronclickinReactNativeNavigationwixV1【发布时间】：2019-03-0110:25:15【问题描述】：我正在使用来自Wix[V1]的reactnative0.56.0和ReactNativeNavigation。在React本机导航中，有... 查看详情
Wix react-native-navigation 更改选项卡和推送屏幕
】Wixreact-native-navigation更改选项卡和推送屏幕【英文标题】：Wixreact-native-navigationchangeTabandpushscreen【发布时间】：2019-01-2301:58:11【问题描述】：如何同时切换标签和推送屏幕？按下按钮时，我想切换到另一个选项卡并推送一个新... 查看详情
覆盖后退按钮 wix 反应原生导航 V2？
】覆盖后退按钮wix反应原生导航V2？【英文标题】：OverridebackbuttonwixreactnativenavigationV2?【发布时间】：2019-08-2621:19:42【问题描述】：我目前正在从WixRNNV1过渡到V2，到目前为止，我已经设法找到合适的替代API，除了覆盖Android上的... 查看详情
React Navigation V2：navigation.push 和 navigation.navigate 的区别
】ReactNavigationV2：navigation.push和navigation.navigate的区别【英文标题】：ReactNavigationV2:Differencebetweennavigation.pushandnavigation.navigate【发布时间】：2018-12-0723:08:16【问题描述】：我是ReactNative的新手，目前正在学习ReactNativeNavigationDocs。我... 查看详情
在带有 wix/react-native-navigation 的模态中使用 react-native-gesture-handler (RNGH)
】在带有wix/react-native-navigation的模态中使用react-native-gesture-handler(RNGH)【英文标题】：Usingreact-native-gesture-handler(RNGH)insideamodalwithwix/react-native-navigation【发布时间】：2021-01-1822:56:41【问题描述】：我正在尝试在react-native-modal结合wi 查看详情
无法将 git 分支重命名为“master”，以错误的名称推送到远程
】无法将git分支重命名为“master”，以错误的名称推送到远程【英文标题】：Unabletorenamegitbranchto"master",pushestoremotewithincorrectname【发布时间】：2016-09-1205:50:41【问题描述】：使用thisSO帖子作为参考，我能够将我的master重命... 查看详情