fix(drawer-navigator): fixes problem that did not allow the side menu…

… to open fix #20
PeruibeTEC · Nov 20, 2021 · adc6e25 · adc6e25
1 parent df42ec8
commit adc6e25
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 20 deletions.
diff --git a/package.json b/package.json
@@ -32,9 +32,9 @@
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/masked-view": "0.1.10",
     "@react-native-community/picker": "^1.8.1",
-    "@react-navigation/drawer": "^5.12.9",
+    "@react-navigation/drawer": "^5.x",
     "@react-navigation/material-bottom-tabs": "^5.3.15",
-    "@react-navigation/native": "^5.9.4",
+    "@react-navigation/native": "^5.x",
     "@react-navigation/stack": "^5.14.5",
     "@typescript-eslint/parser": "^4.28.5",
     "@unform/core": "^1.9.8",

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -16,7 +16,7 @@ const Header: React.FC = () => {
       <TouchableOpacity
         activeOpacity={0.8}
         onPress={() => {
-          navigation.dispatch(DrawerActions.openDrawer);
+          navigation.dispatch(DrawerActions.openDrawer());
         }}
       >
         <MenuIcon name="menu" />

diff --git a/src/routes/tab.routes.tsx b/src/routes/tab.routes.tsx
@@ -75,23 +75,21 @@ function HomeTabs() {
 
 const AppRoutes: React.FC = () => {
   return (
-    <NavigationContainer independent>
-      <StackRoutes.Navigator
-        headerMode="none"
-        screenOptions={{
-          cardStyle: {
-            backgroundColor: colors.light.background,
-          },
-        }}
-      >
-        <StackRoutes.Screen name="HomeTabs" component={HomeTabs} />
-        <StackRoutes.Screen name="Project" component={Project} />
-        <StackRoutes.Screen
-          name="DetailRestaurant"
-          component={DetailRestaurant}
-        />
-      </StackRoutes.Navigator>
-    </NavigationContainer>
+    <StackRoutes.Navigator
+      headerMode="none"
+      screenOptions={{
+        cardStyle: {
+          backgroundColor: colors.light.background,
+        },
+      }}
+    >
+      <StackRoutes.Screen name="HomeTabs" component={HomeTabs} />
+      <StackRoutes.Screen name="Project" component={Project} />
+      <StackRoutes.Screen
+        name="DetailRestaurant"
+        component={DetailRestaurant}
+      />
+    </StackRoutes.Navigator>
   );
 };