页眉在页面加载时被下推-React Navigation v5

Question

我的本机应用程序的标头存在主要问题。在第一页加载时，标题被下推，我似乎不明白该问题。 我已经将所有导航器设置为headerMode：“ none”，除了我的mainScreen。

我在堆栈导航器中有一个标签导航器-这是我的主屏幕。

我正在使用导航V5。

查看我的代码：

const MainStackScreen = ({ navigation }) => (
    <MainStack.Navigator
    initialRouteName="MainTab"
    headerMode="float"
    screenOptions={{
      headerStyle: {
        height: 70, 
        backgroundColor: "#1f65ff"
      },
      headerTintColor: "#fff",
      headerTitleStyle: {
        fontWeight: 'bold'
      },
      headerLeft: (props) => (
        <LogoTitle {...props} />        
      ),
      headerRight: ({navigation}) => (
        <Icon.Button name="md-person" size={25}
         backgroundColor="#1f65ff"
         onPress={() => {navigation.navigate("Profile")}}
         />
      )
    }}
    >
      <MainStack.Screen 
      name="MainTab" 
      component={MainTabScreen}
      headerMode='none'
       />
      <MainStack.Screen 
      name="Profile" 
      component={ProfileScreen}
      headerMode='none'      
      />
    </MainStack.Navigator>
  )

export default MainStackScreen;