Android 如何修复react native中标题被向下推的问题

我的头有问题，有一个不知从哪里冒出来的头，每个头都被设置为null，仍然不知道它在哪里，这是我的文件：

如你所见，我设置的所有标题都向下推

这以前没有发生过，直到我添加了抽屉导航，我不知道如何修复它，因为我选择了其他人的方法

const HomeStack = createStackNavigator({
  Home: HomeScreen
},{
  defaultNavigationOptions: {
    header: null
    //headerStyle: { height: 150, borderBottomLeftRadius: 25, borderBottomRightRadius: 25, overflow: "hidden", backgroundColor: "blue" },
  }
});

const VacationsStack = createStackNavigator({
  Vacations: VacationsScreen,
  Request: RequestScreen
},{
  defaultNavigationOptions: {
    header: null
    //headerBackground: <Image style={ StyleSheet.absolutefill } source={ require('../assets/images/Header/background_image.png') }/>
  },
    //headerTintColor: "#FFF",
    //title: "Vacaciones"
  }
);

const HourAllocationsStack = createStackNavigator({
  HourAllocations: HourAllocationsScreen,
  Allocations: AllocationsScreen
},{
  defaultNavigationOptions: {
    header: null
    //headerBackground: <Image style={ StyleSheet.absolutefill } source={ require('../assets/images/Header/background_image.png') }/>
  },
    //headerTintColor: "#FFF",
    //title: "Registro"
  }
);

const ExpensesStack = createStackNavigator({
  Expenses: ExpensesScreen
},{
  defaultNavigationOptions: {
    header: null
    //headerBackground: <Image style={ StyleSheet.absolutefill } source={ require('../assets/images/Header/background_image.png') }/>
  },
    //headerTintColor: "#FFF",
    //title: "Rendir"
  }
);

const CertificatesStack = createStackNavigator({
  Certificates: CertificatesScreen
},{
  defaultNavigationOptions: {
    header: null
    //headerBackground: <Image style={ StyleSheet.absolutefill } source={ require('../assets/images/Header/background_image.png') }/>
  },
    //headerTintColor: "#FFF",
    //title: "Certificados"
  }
);

const MainApp = createBottomTabNavigator({
  Home: HomeStack,
  Vacations: VacationsStack,
  HourAllocations: HourAllocationsStack,
  Expenses: ExpensesStack,
  Certificates: CertificatesStack
},{
  defaultNavigationOptions: ({ navigation }) => ({
    tabBarIcon: () => {
      const { routeName } = navigation.state;
      if (routeName === "Home") {
        return (
          <Icon name="home" size={ 25 } color="gray"/>
        );
      }
      if (routeName === "Vacations") {
        return (
          <Icon5 name="sun" solid size={ 25 } color="gray"/>
        );
      }
      if (routeName === "Expenses") {
        return (
          <Icon5 name="plane" size={ 25 } color="gray"/>
        );
      }
      if (routeName === "Certificates") {
        return(
          <Icon name="bill" size={ 25 } color="gray"/>
        );
      }
      if (routeName === "HourAllocations") {
        return(
          <Icon name="clock" solid size={ 25 } color="gray"/>
        );
      }
    }
  }),
  tabBarOptions: {
    activeTintColor: "#FF6F00",
    inactiveTintColor: "#263238"
  },
});

const DrawerNavigation = createDrawerNavigator({
  User: UserScreen,
  Settings: SettingsScreen,
  MainTab: MainApp
},{
  defaultNavigationOptions: {
    header: null
  },
  hideStatusBar: true,
  drawerBackgroundColor: "#FFF",
  overlayColor: "rgba(255,255,255,0.5)",
  contentOptions: {
    activeTintColor: "rgba(8, 192, 245, 0.5)",
    activeBackgroundColor: "rgba(255,255,255,0.5)",
  },
  initialRouteName : "MainTab"
})

const MainStack = createStackNavigator({
  MainScreen: DrawerNavigation,
},{
  initialRouteName : "MainScreen" 
});

export default createAppContainer(MainStack);

const DrawerNavigation = createDrawerNavigator({
  User: UserScreen,
  Settings: SettingsScreen,
  MainTab: MainApp
},{
  defaultNavigationOptions: {
    header: null
  },
  hideStatusBar: true,
  drawerPosition: "right",
  drawerBackgroundColor: "#FFF",
  overlayColor: "rgba(255,255,255,0.5)",
  contentOptions: {
    activeTintColor: "rgba(8, 192, 245, 0.5)",
    activeBackgroundColor: "rgba(255,255,255,0.5)",
  },
  initialRouteName : "MainTab"
})