导航 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 的简单视图上对其进行了测试，它也发生了。它应该很容易复制。

对这个问题有什么想法吗？谢谢！

一些环境信息：

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 不支持使用动画隐藏 BottomTabs，已作为 PR 添加到 RNN。那个 PR 可能没有考虑这个用例。

您现在最好的选择是通过在静态选项中设置 drawBehind: true 来在 BottomTabs 后面绘制屏幕，并自行处理底部填充。

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

navigation wix v2-v3 not hiding bottom tab properly

navigation

ios

react-native

velo