Header jumps

[AlexSmirnov9107]

Navigation Structure

- FastAuth Screen
- Main Stack
       - Profile Stack
          - Profile Screen

App.tsx

import {createNativeStackNavigator} from 'react-native-screens/native-stack';

const Stack = createNativeStackNavigator();

<NavigationContainer theme={theme}>
          <Stack.Navigator
            initialRouteName={ 'FastAuth'}
            screenOptions={{
              headerShown: false,
              stackAnimation: 'fade',
            }}>
            <Stack.Screen name="FastAuth" component={FastAuthScreen} />
            <Stack.Screen name="Main" component={MainStack} />
          </Stack.Navigator>
 </NavigationContainer>

MainStack.tsx

import {createDrawerNavigator} from '@react-navigation/drawer';

const Drawer = createDrawerNavigator();

export default class MainRoute extends Component {
  render() {
    return (
      <Drawer.Navigator
        drawerStyle={{
          width: '88%',
        }}
        drawerContentOptions={{
          contentContainerStyle: {
            paddingTop: 0,
          },
        }}
        drawerContent={(props) => <DrawerContent {...props} />}>
        <Drawer.Screen name="Profile" component={ProfileStack} />
        <Drawer.Screen name="Dashboard" component={DashboardScreen} />
      </Drawer.Navigator>
    );
  }
}

ProfileStack.tsx

import { createNativeStackNavigator } from 'react-native-screens/native-stack';

const Stack = createNativeStackNavigator();

export default class ProfileStack extends Component {
  static contextType = AppContext;
  context!: React.ContextType<typeof AppContext>;

  render() {
    const {t, theme} = this.context;
    return (
      <Stack.Navigator>
        <Stack.Screen  name="Profle"  component={ProfileScreen}  />
      </Stack.Navigator>
    );
  }
}

    "@react-native-community/async-storage": "^1.11.0",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-navigation/drawer": "^5.8.2",
    "@react-navigation/native": "^5.5.1",
    "@react-navigation/stack": "^5.5.1",
    "react-native-safe-area-context": "^3.0.2",
    "react-native-screens": "^2.8.0",
    "react-native": "0.62.2",

[WoLewicki]

Can you provide a repo/snack with minimal configuration needed to reproduce the issue?

[WoLewicki]

I am closing it due to no response in more than 30 days. Feel free to comment to reopen it.

[kamlesh71]

I am also facing the same issue, I've stack navigation in bottom tabs, and when I am moving between tabs, header flickers.

[WoLewicki]

Can you provide a repo/snack with minimal configuration needed to reproduce the issue?