React navigation 在屏幕内反应导航createMaterialTopTabNavigator

在他们的文档页面顶部显示了一个非常酷的设置：

请注意，顶部导航器堆栈似乎位于屏幕内部。“材料顶部选项卡”的顶部有一个标题，我们可以返回“示例”

有趣的是，在任何示例中都没有给出这种设置

我想有相同的设置，并能够导航到一个特定的标签从另一个屏幕

有人能分享一下它的示例代码吗

我现在有一个基本的底部标签导航，带有

<BottomTab.Screen
  name="Tabs"
  component={TabsNavigator}
/> 

---

但是我无法使用

navigation.navigate（'Tabs'，{screen'comming'}）导航到特定的选项卡
如果要导航到createMaterialTopTabNavigator内的某个选项卡，请不要导航。导航（'Tabs'，{screen:'Uncoming'}）使用导航。跳转到（'Tabs'，{name:'Uncoming'}）；
我试过了，但是如果我首先进入选项卡并选择“过去”，然后进入另一个屏幕并单击一个按钮进行导航。跳转到（'Tabs'，{name:'coming'}），它会进入选项卡屏幕，但它会停留在“过去”，不会进入“即将到来”，但奇怪的是，如果我选择了
导航？。导航（'Tabs'）后跟
navigation.jumpTo（'coming'），然后它就工作了
function TabsNavigator() {
  const MyTabs = createMaterialTopTabNavigator();
  return (
    <MyTabs.Navigator
      <MyTabs.Screen name="Upcoming" component={TabsUpcomingScreen} />
      <MyTabs.Screen name="Past" component={TabsPastScreen} />
    </MyTabs.Navigator>
  );
}

function TabsNavigator() {
  const TabsStack = createStackNavigator();
  return (
    <TabsStack.Navigator>
      <TabsStack.Screen name="Tabs" component={TabsScreen} options={{ headerTitle: 'Tabs' }} />
    </TabsStack.Navigator>
  );
}

function TabsScreen() {
  const MyTabs = createMaterialTopTabNavigator();
  return (
    <MyTabs.Navigator
      <MyTabs.Screen name="Upcoming" component={TabsUpcomingScreen} />
      <MyTabs.Screen name="Past" component={TabsPastScreen} />
    </MyTabs.Navigator>
  );
}