Screen freeze when navigate in react native navigation with Drawer navigation

Question

I have an issue with Drawer navigation in React Native Navigation.

The problem seems to be very simple.

I have 2 screens, on each screen I have a button that sends the user to the other one.

the problem is after sending the user from screen A to B and from B to A the button does not work anymore.

I can pull the drawer and go back to the B screen again, and the Button works there, but the button in the A screen is still frozen, the hole screen basically.

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

import SettingScreen from "../screens/SettingScreen";
import ProfileScreen from "../screens/ProfileScreen";

const Drawer = createDrawerNavigator();

function MenuNavigation(props) {
  return (
    <Drawer.Navigator>
      <Drawer.Screen name="Setting" component={SettingScreen} />
      <Drawer.Screen name="Profile" component={ProfileScreen} />
    </Drawer.Navigator>
  );
}

export default MenuNavigation;

question from:https://stackoverflow.com/questions/65854555/screen-freeze-when-navigate-in-react-native-navigation-with-drawer-navigation

Answer 1

Seems like the newest version 5.12.2 of @react-navigation/drawer has this issue. So I tried with an older version 5.11.5 and it worked for me. I tested on an adroid mobile only though.

Command to install a specific npm packager version is:
yarn add @react-navigation/[email protected]