React Native Bottom Tabs 如何隐藏顶部导航栏显示的页面名称

针对你使用createBottomTabNavigator时出现的顶部默认标题问题，有两种常用的配置方案可选：

方案1：仅隐藏单个指定Tab页面的顶部标题 #

在需要隐藏标题的Tab.Screen组件上添加options属性，设置headerShown: false即可，修改后的代码如下：

const Tab = createBottomTabNavigator();

export default function App() {
    return (
        <NavigationContainer>
            <Tab.Navigator>
                <Tab.Screen 
                    name='Home' 
                    component={Home}
                    options={{ headerShown: false }}
                />
            </Tab.Navigator>
        </NavigationContainer>
    )
}

方案2：全局隐藏所有Tab页面的顶部标题 #

如果所有Tab对应的页面都不需要显示顶部标题，可以直接在Tab.Navigator的screenOptions中统一配置，修改后的代码如下：

const Tab = createBottomTabNavigator();

export default function App() {
    return (
        <NavigationContainer>
            <Tab.Navigator screenOptions={{ headerShown: false }}>
                <Tab.Screen name='Home' component={Home} />
            </Tab.Navigator>
        </NavigationContainer>
    )
}

内容的提问来源于stack exchange，提问作者Flatt ME