如何将StackNavigator添加到已经具有导出功能的类中？

Question

我有一个用Expo构建的React Native应用程序。我正在使用createAppContainer中的react navigation来实现Bottom Tab Navigator。现在，我想添加一个堆栈导航器以在其中一个选项卡的类别之间导航。

我试图寻找解决方案和使用StackNavigator的不同方法，但没有一个能解决我的问题。

这是我的App.js

class Home extends React.Component {

}
class Female extends React.Component {

}
class Male extends React.Component {
   /* BUTTONS TO NAVIGATE TO OTHER SCREENS USING STACK NAVIGTOR */
}
class Saved extends React.Component {

}

const BottomTabMaterial = createMaterialBottomTabNavigator({
    Home: {
      screen: Home,
    },
    Female: {
      screen: Female
    },
    Male: {
      screen: Male
    },
    Saved: {
      screen: Saved
    }
  }
});

const CategoriesStackNavigator = createStackNavigator({
  CatA: {
    screen: CatA,
  },
  CatB: {
    screen: CatB,
  },
})

export default createAppContainer(BottomTabMaterial);

我面临的问题是，当App.js中已经有导出文件时，我该如何export default CategoriesStackNavigator？