Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ios 导航wix v2-v3未正确隐藏底部选项卡_Ios_React Native_Navigation_Velo - Fatal编程技术网

Ios 导航wix v2-v3未正确隐藏底部选项卡

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: {

每当过滤器模式在同一屏幕下从下到上显示时,我尝试动态隐藏底部选项卡。 但由于某些原因,底部选项卡容器(白色)不会向下滑动

以下是我使用Navigation.mergeOptions的方式:

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}
添加到屏幕的静态选项中。