如何隐藏底部标签导航器（Bottom Tab Navigator）的默认头部栏

你遇到的堆叠头部是createBottomTabNavigator默认自带的顶部导航头，要隐藏可以用以下两种方案：

• 方案一：全局隐藏所有Tab页的头部
  给Tab.Navigator添加screenOptions配置，全局关闭头部渲染，修改后代码如下：

<Tab.Navigator
  screenOptions={{
    headerShown: false
  }}
>
  <Tab.Screen name="Restaurant" component={RestaurantScreen} />
  <Tab.Screen name="Maps" component={Maps} />
  <Tab.Screen name="Settings" component={Settings} />
</Tab.Navigator>

• 方案二：仅隐藏指定Tab页的头部
  如果只需要部分页面不显示头部，给对应Tab.Screen单独添加配置即可，示例如下：

<Tab.Screen 
  name="Restaurant" 
  component={RestaurantScreen}
  options={{ headerShown: false }}
/>

内容的提问来源于stack exchange，提问作者Ade Husni