移除 Drawer navigator 的 header - React native答案

【问题标题】：Remove the header of Drawer navigator - React native移除 Drawer navigator 的 header - React native
【发布时间】：2021-11-03 14:28:47
【问题描述】：

我正在使用抽屉导航器通过原生反应创建菜单我想删除标题并只保留栏图标所以我试图将背景颜色变为透明但它不起作用。

代码如下：

<Drawer.Navigator      
  drawerContent={props => <DrawerContent {...props} />}>
    <Drawer.Screen
      name="Home"
      component={HomeScreen}
      options={{
        headerStyle: {
          backgroundColor: 'transparent',
        },
      }}
    />

【问题讨论】：

现在有哪些样式应用于页眉？
您希望仅显示 3 个水平条图标（标题的左侧）吗？
@Gandzal 没错
@FabianS。我没有对标题应用任何样式表

标签： css reactjs react-native

【解决方案1】：

我通过将 screenOption 添加到 Drawer.navigator 解决了这个问题

screenOptions={{
  headerShown: true,
  headerTransparent:true
}}

【讨论】：