堆栈导航中的React-Navigation动画选项卡导航

时间:2017-05-24 13:18:39

标签: javascript iphone react-native react-native-ios react-navigation

我正在使用React-Navigation来创建堆栈导航。堆栈导航中的一张卡片是一个包含标签导航的屏幕。

选项卡和堆栈导航在最初加载时工作正常,但在导航到堆栈导航器内的另一张卡然后返回到包含选项卡导航器的卡后,应用程序崩溃。它没有提供任何明确的错误消息,只是退出模拟的应用程序。

在标签导航器中设置swipeEnabled: falseanimationEnabled: false似乎可以防止崩溃。问题是我们需要这些功能用于选项卡导航。

我的猜测是Tab导航器和Stack导航器动画和/或手势发生冲突。另一个修复方法是禁用堆栈导航的动画和手势,但我还没有找到办法实现这一点。

const AppTabNavigator = TabNavigator(
    {
        Tab1: { screen: Tab1 },
        Tab2: { screen: Tab2 },
        Tab3: { screen: Tab3 },
    },
    {
        swipeEnabled: false,
        animationEnabled: false,
    },
);

Component hierarchy

如何在图片中设置层次结构,并且仍然为选项卡导航启用了动画和手势?

0 个答案:

没有答案