在反应导航中为顶部栏导航提供滚动视图

Question

我的标签目前看起来像这样，我正在使用 React 导航来制作标签。

我试图在标签之间留出空隙，这是我的代码

const ScheduleScreen = () => {
  return (
    <TopTab.Navigator
      tabBarOptions= {{
        tabStyle: {
          width: 120,
          justifyContent: "center",
        }
      }}
    >
      <TopTab.Screen
        name="Monday"
        component={MondayAnime}
      />
      <TopTab.Screen
        name="Tuesday"
        component={TuesdayAnime}
      />
      <TopTab.Screen
        name="Wednesday"
        component={WednesdayAnime}
      />
      <TopTab.Screen
        name="Thursday"
        component={ThursdayAnime}
      />
      <TopTab.Screen
        name="Friday"
        component={FridayAnime}
      />
      <TopTab.Screen
        name="Saturday"
        component={SaturdayAnime}
      />
      <TopTab.Screen
        name="Sunday"
        component={SundayAnime}
      />
    </TopTab.Navigator>
  )
}

现在我的标签看起来像这样

我不知道这是否有效，但现在我遇到了另一个问题，我的选项卡无法水平滚动。我一直在尝试提供 ScrollView 但它没有用。有人可以告诉我我该怎么做？有没有比我的代码更有效的方法来在标签之间留出空隙？

感谢您的帮助，我将不胜感激