Javascript 堆栈导航中的反应导航动画选项卡导航

我正在使用创建堆栈导航。堆栈导航中的一张卡片是包含选项卡导航的屏幕

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

在选项卡导航器中设置

swipEnabled:false

和

animationEnabled:false

似乎可以防止崩溃。问题是我们需要这些特性来进行选项卡导航

我的猜测是选项卡导航器和堆栈导航器动画和/或手势相互冲突。另一个修复方法是禁用堆栈导航的动画和手势，但我还没有找到一种方法

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

如何像图片中那样具有层次结构，并且仍然为选项卡导航启用动画和手势