How do I remove the tab bar off a certain page in the stack navigator?

Question

How do I remove the tab bar from only the "NewChatScreen" while keeping it on the "Group Chats" screen?

<GroupchatStack.Navigator>
    <GroupchatStack.Screen
        name="Group Chats"
        component={GroupchatMainPageScreen}
        options={{tabBarStyle:{display:'flex'}}}  //DOES NOT WORK
    />

    <GroupchatStack.Screen
        name="NewChatScreen"
        component={CreateNewChat}
        options={{tabBarStyle:{display:'none'}}}   //DOES NOT WORK
    />
</GroupchatStack.Navigator>

<Tab.Navigator>
    <Tab.Screen
        name="HomeTab"
        component={HomeStackScreen}
     />
     <Tab.Screen
        name="GroupChatTab"
        component={GroupchatStackScreen}
     />
</Tab.Navigator>