i am using bottom nave and in bottom nave screen i am using stack nav but when i want to hide bottom nav in a specific stack navigation screen i tried many things but none worked.

<NavigationContainer independent = { true }>
    <HomeStacks.Navigator initialRouteName="Home" >
      <HomeStacks.Screen name="Home" component={Home} options={{title: ('Welcome'), headerShown: false}} />
      <HomeStacks.Screen name="Details" component={Details} options={{title: ('Details'), headerShown: false}}/>
      <HomeStacks.Screen name="Settings" component={Settings} options={{title: ('Settings'), headerShown: false}}/>
      <HomeStacks.Screen name="Notification" component={Notification} options={{title: ('Notifications'), headerShown: false}}/>
      <HomeStacks.Screen name="NewInspection" component={NewInspection} options={{title: ('NewInspection'), headerShown: false}}/>
      <HomeStacks.Screen name="MoveIn" component={MoveIn} options={{title: ('Move In'), headerShown: false}}/>
      <HomeStacks.Screen name="MoveOut" component={MoveOut} options={{title: ('Move Out'), headerShown: false}}/>
      <HomeStacks.Screen name="Exterior" component={Exterior} options={()=>({title: ('Exterior'), headerShown: false, tabBarStyle: { display: 'none }
        })}/>
    </HomeStacks.Navigator>
  </NavigationContainer>