导航wix v2-v3无法正确隐藏底部标签

Question

我试图在同一屏幕下从下到上显示过滤器模式时动态隐藏底部的选项卡。 但是由于某种原因，底部的标签容器（白色）不会滑下来。

这是我使用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的简单View上对其进行了测试，并且它也发生了。它应该很容易复制。

对这个问题有任何想法吗？谢谢！

一些环境信息：

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.

Answer 1

这是RNN中的错误。在iOS上不支持使用动画隐藏BottomTab，并将其作为PR添加到RNN。该PR可能没有考虑到该用例。

您目前最好的选择是通过在静态选项中设置drawBehind: true在BottomTab后面绘制屏幕，​​并处理自己的底部填充。