如何实现图片所示的屏幕效果？

Question

该怎么办，屏幕显示的标签栏却不属于该标签栏？ enter image description here

const TabNavStack = createTabNavigator (
  {
    Settings: SettingsScreen,
    History: HistoryScreen,
  },
  {
    initialRouteName: 'Settings',
    swipeEnabled: true,
    tabBarOptions: {
      activeTintColor: '#F0E68C',
      activeBackgroundColor: '#BDB76B',
      removeClippedSubviews: true,
      labelStyle: {
        fontSize: 20
      }
    }
  }
);


const RootStack = SwitchNavigator(
  {
    Home: HomeScreen,
    TabNav: TabNavStack,
  },
  {
    initialRouteName: 'Home',
  }
);

在图片中我试图绘制更多信息