react-navigation v5 タブバーの非表示(画面指定)

前提・実現したいこと

react-nativeの勉強をおります初学者です。
具体的にご教授いただけると幸いです。

指定画面(Screen2)でのみタブバーを非表示にする方法を探しております。

発生している問題・エラーメッセージ

タブバーを非表示にする画面を個別で指定する方法がわからない

該当のソースコード

js
1ソースコード
2...
3
4const Stack = createStackNavigator()
5const tab = createBottomTabNavigator()
6
7const TabAStack = () => {
8  return (
9    <Stack.Navigator>
10      <Stack.Screen name="Screen1" component={1Screen} />
11      <Stack.Screen name="Screen2" component={2Screen} />
12    </Stack.Navigator>
13  )
14}
15
16const TabBStack = () => {
17  return (
18    <Stack.Navigator>
19      <Stack.Screen name="Screen3" component={3Screen} />
20      <Stack.Screen name="Screen4" component={4Screen} />
21    </Stack.Navigator>
22  )
23}
24
25export default AppNavigator = () => {
26  return (
27    <NavigationContainer>
28      <tab.Navigator>
29        <tab.Screen name="TabA" component={TabAStack} />
30        <tab.Screen name="TabB" component={TabBStack} options={{tabBarVisible: false}}/>
31      </tab.Navigator>
32    </NavigationContainer>
33  )
34}

試したこと

<tab.Screen/>にoptions={{tabBarVisible: false}}を指定してみましたが、
これですとoptionsを付けた<tab.Screen>内全体でタブバーが消えてしまいます。

export default AppNavigator = () => {
  return (
    <NavigationContainer>
      <tab.Navigator>
        <tab.Screen name="TabA" component={TabAStack} />
        <tab.Screen name="TabB" component={TabBStack} options={{tabBarVisible: false}}/>
        />
      </tab.Navigator>
    </NavigationContainer>
  )
}