Ios 导航wix v2-v3未正确隐藏底部选项卡
每当过滤器模式在同一屏幕下从下到上显示时,我尝试动态隐藏底部选项卡。 但由于某些原因,底部选项卡容器(白色)不会向下滑动 以下是我使用Navigation.mergeOptions的方式:Ios 导航wix v2-v3未正确隐藏底部选项卡,ios,react-native,navigation,velo,Ios,React Native,Navigation,Velo,每当过滤器模式在同一屏幕下从下到上显示时,我尝试动态隐藏底部选项卡。 但由于某些原因,底部选项卡容器(白色)不会向下滑动 以下是我使用Navigation.mergeOptions的方式: toggleFilter() { var shouldOpen = !this.state.filterOpened; Navigation.mergeOptions(this.props.componentId, { bottomTabs: {
toggleFilter() {
var shouldOpen = !this.state.filterOpened;
Navigation.mergeOptions(this.props.componentId, {
bottomTabs: {
visible: shouldOpen ? false : true,
drawBehind: shouldOpen ? true : false,
animate: shouldOpen ? true : false
}
});
this.setState({
filterOpened: shouldOpen
});
}
下面是它在底部的外观:
额外信息:
我只是在没有打开模态的情况下进行了测试,试图将其隐藏在同一屏幕上,结果也是一样的,所以这不是模态的问题。
本以为这也与ScrollView/FlatList有关,但事实并非如此,用Flex在一个简单的视图上进行了测试,结果也是如此。它应该很容易复制
你知道这个问题吗?谢谢
一些环境信息:
React Native Navigation version: ^3.0.0-alpha.0
React Native version: ^0.60.0
Platform(s): iOS (Haven't tested on Android yet)
Device info (Simulator/Device? OS version? Debug/Release?): Real iPhone XS latest iOS version.
这是RNN中的一个bug。iOS不支持使用动画隐藏底部选项卡,已作为PR添加到RNN。PR可能没有考虑这个用例
现在,您最好的选择是通过在静态选项中设置
drawback:true
,在底部选项卡后面绘制屏幕,并自行处理底部填充。感谢您的回复,我将测试它并让您知道:)我似乎不明白它是如何工作的。你是说我应该在视图容器中添加一个paddingBottom?或者在哪里?是的。将paddingBottom
添加到jsx的根视图中,并将bottomTabs{drawback:true}
添加到屏幕的静态选项中。