react-native - WIX Navigation V2 - 推送到新屏幕时隐藏底部标签栏
问题描述
问题描述
我有 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
- 反应原生版本:0.56
- 平台(iOS、Android 或两者?):IOS
- 设备信息(模拟器/设备?操作系统版本?调试/发布?):模拟器 IOS 11
解决方案
您需要使用bottomTabs.visible: false
以下选项推送该屏幕:
Navigation.push(this.props.componentId, {
component: {
name: 'your.component.name',
options: {
bottomTabs: {
visible: false,
drawBehind: true
}
}
}
});
推荐阅读
- javascript - 以模态响应路由器刷新
- javascript - 如何在不损失图像质量的情况下调整图像大小以适合小型 HTML5 画布?
- javascript - 如何使用链接中的关键字在我的数据库中查找产品?(mongodb,快递)
- android - 如何显示自定义菜单标题?
- javascript - 获取 http://localhost:8000/Stack/script.js net:: Err_Aborted 404 / Django 项目
- flutter - 如何使用锐化滤镜进行颤振摄影?
- android - 在android studio中制作音板,但应用程序不断崩溃
- python - Pytest:如何盲目运行任何子进程并捕获所有输出?
- python - Pandas 将所有列除以其最大跳过第一列
- python - Django视图重定向('主页')