隐藏底部选项卡导航器中的标题不起作用

Question

我有一个带有底部选项卡导航器的 React Native Expo 应用程序。如何隐藏特定的屏幕标题？

这是我的代码：

export default function MainContainer() {
    const Tab = createBottomTabNavigator();
    const {toggleColorMode} = useColorMode();
    const settings = {bg: useColorModeValue("white", "muted.800")};

    return (
        <NavigationContainer>
            <Tab.Navigator screenOptions={{headerShown: false}}>
                <Tab.Screen name="Home" children={() => <Home settings={settings}/>}/>
                <Tab.Screen name="Test" children={() => <Test settings={settings}/>}/>
                <Tab.Screen name="Result" children={() => <Result settings={settings}/>}
                            options={{headerShown: false}}/>
                <Tab.Screen name="Training" children={() => <Training settings={settings}/>}/>
                <Tab.Screen name="History" children={() => <History settings={settings}/>}/>
                <Tab.Screen name="Stats" children={() => <Stats settings={settings}/>}/>
                <Tab.Screen name="Settings"
children={() => <Settings darkMode={toggleColorMode} settings={settings}/>}/>
            </Tab.Navigator>
        </NavigationContainer>
    );
}

如您所见，我尝试使用 options={{headerShown: false}} 和 screenOptions={{headerShown: false}} 但由于某种原因它不起作用。

您知道可能导致此问题的原因以及解决方法吗？

注意，我删除了不必要的代码行，并将一些单词重写为英文，因此代码本身可能无法运行，但除了标头隐藏之外，代码运行良好。