Android 带标题的嵌套选项卡导航器

我正在努力实现与下图类似的目标

基本上，我希望有一个嵌套的选项卡导航器，并将其放置在自定义标题下。主选项卡导航器位于底部。嵌套的选项卡导航器位于顶部，带有“最近、选项卡2、选项卡3”。在这里我已经准备好了，但是我不能让嵌套的导航器将自己放在自定义标题下。我有什么办法可以做到这一点吗？任何帮助都将不胜感激

以下是导航员的代码：

const TopNav = TabNavigator(
  {
    Recent: { screen: Recent },
    Tab2: { screen: Tab2 },
    Tab3: { screen: Tab3 },
  },
  {
    tabBarOptions: {
      activeTintColor: "#f67425",
      activeBackgroundColor: "#ffffff",
      inactiveTintColor: "#4a4a4a",
      inactiveBackgroundColor: "#ffffff",
      // showLabel: false,
    },
    tabBarComponent: TabBarBottom,
    initialRouteName: "Messages",
    tabBarPosition: "top",
    swipeEnabled: false,
    animationEnabled: false,
  }
);

const BottomNav = TabNavigator(
  {
    Search: { screen: Search },
    Messages: { screen: TopNav },
    Contacts: { screen: Contacts },
    More: { screen: More },
  },
  {
    tabBarOptions: {
      activeTintColor: "#f67425",
      activeBackgroundColor: "#ffffff",
      inactiveTintColor: "#4a4a4a",
      inactiveBackgroundColor: "#ffffff",
      // showLabel: false,
    },
    tabBarComponent: TabBarBottom,
    initialRouteName: "Messages",
    tabBarPosition: "bottom",
    swipeEnabled: false,
  }
);

---

请看一看@PPL，我想要一些功能与react navigation tab navigator相同的东西——浏览选项卡。有了这个，我必须加载所有三个标签的内容，然后使用状态遍历它们——我真的在努力避免这种情况。否则，为此编写自定义组件就容易多了（由于某些原因，我无法使包正常工作）！