从 Bottom Tabs Navigation React Navigation Native 中删除顶部的标题答案

【问题标题】：Remove title at the top from Bottom Tabs Navigation React Navigation Native从 Bottom Tabs Navigation React Navigation Native 中删除顶部的标题
【发布时间】：2023-01-07 19:07:29
【问题描述】：

我如何从屏幕上删除它，我正在使用 Bottom Tabs 并且它会自动显示

`<View style={{ height: "100%" }}>
  <Tab.Navigator
    screenOptions={{ headerTitle: false }}
    initialRouteName="home"
    tabBar={(props) => <BottomNavigator {...props} />}
  >
    <Tab.Screen name="cash" component={Savings} />
    <Tab.Screen name="bar-chart" component={Statistics} />
    <Tab.Screen name="home" component={Home} />
    <Tab.Screen name="card" component={Budgeting} />
    <Tab.Screen name="person" component={Profile} />
  </Tab.Navigator>
</View>`

【问题讨论】：

标签： react-native expo react-navigation react-navigation-bottom-tab

【解决方案1】：

你需要在screenOptions中使用headerShown: false：

<View style={{ height: "100%" }}>
  <Tab.Navigator
    screenOptions={{
        headerShown: false,
    }}
    initialRouteName="home"
    tabBar={(props) => <BottomNavigator {...props} />}
  >
    <Tab.Screen name="cash" component={Savings} />
    <Tab.Screen name="bar-chart" component={Statistics} />
    <Tab.Screen name="home" component={Home} />
    <Tab.Screen name="card" component={Budgeting} />
    <Tab.Screen name="person" component={Profile} />
  </Tab.Navigator>
</View>

【讨论】：