React Native：嵌套（3级）React导航器不起作用

Question

我在使用React Native导航器时遇到问题。 我正在尝试使用react-navigation创建布局。此布局涉及堆栈导航器，底部选项卡导航器。我深3级。屏幕的结构如下：

• Stack.Navigator
  • 主页（制表导航）
    • 主页（Stack.Navigator）<-仅关注这一点，这是我的问题，下面让我解释一下。
      • 首页（屏幕）
      • 搜索（屏幕）
      • 产品（屏幕）
    • 类别（屏幕）
    • 愿望清单（屏幕）
  • 登录（屏幕）
  • 设置（屏幕）

说明：如果它是一个屏幕而不是Stack.Navigator，则一切正常，但我希望“搜索和产品”屏幕仍具有底部选项卡，因此需要将其放在此处。让我知道是否需要进一步说明。

毕竟，应用程序构建成功，但是当我在屏幕之间转换时，出现错误： 并且无法转到其他屏幕。

概述我的逻辑：MainStackNavigator包括Home屏幕，但此时的Home屏幕是HomeTabNavigator，而HomeTabNavigator包括Home屏幕是HomeStackNavigator，并且HomeStackNavigator包括Home屏幕，而这正是我将显示的屏幕，不是HomeTabNavigator或HomeStackNavigator

这是我的代码：